/**
 * Generated by bin/cake generate_care_tokens. Do not edit.
 * Snapshot: design-system/care-ui/figma-foundations.snapshot.json
 * Mapping: design-system/care-ui/token-mapping.md
 */
:root {
  /* Primitives */
  --care-cyan-300: #67e8f9;
  --care-cyan-50: #ecfeff;
  --care-cyan-700: #0e7490;
  --care-gray-100: #f2f4f7;
  --care-gray-200: #eaecf0;
  --care-gray-300: #d0d5dd;
  --care-gray-50: #f9fafb;
  --care-gray-500: #667085;
  --care-gray-600: #475467;
  --care-green-300: #6ce9a6;
  --care-green-50: #ecfdf3;
  --care-green-700: #067647;
  --care-is4it-black: #303030;
  --care-is4it-black-shade-1: #4d4d4d;
  --care-is4it-blue: #0360f0;
  --care-is4it-blue-shade-1: #7eaff5;
  --care-is4it-lime: #c3f481;
  --care-is4it-lime-shade-1: #def7bd;
  --care-is4it-purple: #c6adf7;
  --care-is4it-purple-shade-1: #d3c0f8;
  --care-is4it-purple-shade-2: #dcd3f4;
  --care-is4it-purple-strong: #a178f2;
  --care-is4it-red: #ff665a;
  --care-is4it-red-shade-1: #fe8b82;
  --care-is4it-red-shade-2: #ffada9;
  --care-is4it-red-strong: #ff5547;
  --care-is4it-rose: #eca4a4;
  --care-is4it-rose-shade-1: #f3cfcf;
  --care-is4it-rose-shade-2: #f4dfdf;
  --care-is4it-superblack-overlay-56: rgba(48, 48, 48, 0.56);
  --care-is4it-white: #f9f9f9;
  --care-is4it-white-shade-1: #e6e6e6;
  --care-is4it-white-shade-2: #f0f0f0;
  --care-is4it-white-shade-3: #d4d4d4;
  --care-light-gray: #e8e8e3;
  --care-off-white: #f5f5f0;
  --care-orange-700: #b54708;
  --care-red-300: #fda29b;
  --care-red-50: #fef3f2;
  --care-red-700: #b42318;
  --care-red-800: #912018;
  --care-user-chip: #e7d8ff;
  --care-yellow-400: #fec84b;
  --care-yellow-50: #fffaeb;

  /* Scale */
  --care-radius-card: var(--care-radius-lg);
  --care-radius-lg: 16px;
  --care-radius-md: 8px;
  --care-radius-none: 0px;
  --care-radius-pill: 999px;
  --care-radius-sm: 4px;
  --care-radius-user-chip: var(--care-radius-lg);
  --care-space-1: 4px;
  --care-space-10: 40px;
  --care-space-11: 44px;
  --care-space-12: 48px;
  --care-space-16: 64px;
  --care-space-2: 8px;
  --care-space-24: 96px;
  --care-space-3: 12px;
  --care-space-4: 16px;
  --care-space-5: 20px;
  --care-space-6: 24px;
  --care-space-7: 28px;
  --care-space-8: 32px;
  --care-space-9: 36px;

  /* Layout */
  --care-layout-content-max-width-narrow: 800px;
  --care-layout-content-max-width-standard: 1280px;
  --care-layout-content-max-width-wide: 1440px;
  --care-layout-content-padding-x: 16px;
  --care-layout-content-padding-y: 24px;
  --care-layout-content-padding-y-compact: var(--care-space-4);
  --care-layout-footer-min-height: 36px;
  --care-layout-grid-columns: 12;
  --care-layout-grid-gap: 24px;
  --care-layout-page-head-max-width: 760px;
  --care-layout-sidebar-brand-height: 50px;
  --care-layout-sidebar-collapsed: 56px;
  --care-layout-sidebar-width: 220px;
  --care-layout-table-column-optional-width: 192px;
  --care-layout-topbar-height: 50px;

  /* Typography */
  --care-font-family-body: "Eurostile Demi", "Eurostile", Saira, Helvetica, Arial, sans-serif;
  --care-font-family-display: "Eurostile Demi", "Eurostile", Saira, Helvetica, Arial, sans-serif;
  --care-font-size-10: 10px;
  --care-font-size-11: 11px;
  --care-font-size-12: 12px;
  --care-font-size-13: 13px;
  --care-font-size-14: 14px;
  --care-font-size-16: 16px;
  --care-font-size-20: 20px;
  --care-font-size-24: 24px;
  --care-font-size-28: 28px;
  --care-font-size-32: 32px;
  --care-font-size-40: 40px;
  --care-font-size-56: 56px;
  --care-font-size-80: 80px;
  --care-font-size-9: 9px;
  --care-font-style-body: 500;
  --care-font-style-display: 600;
  --care-font-style-statement: 700;
  --care-metrics-gap-block: var(--care-space-4);
  --care-metrics-gap-field-control-helper: var(--care-space-2);
  --care-metrics-gap-field-label-control: var(--care-space-2);
  --care-metrics-gap-label-value: var(--care-space-2);
  --care-metrics-gap-title-body: var(--care-space-3);
  --care-metrics-gap-title-meta: var(--care-space-2);
  --care-metrics-inset-ink-safety: 1px;

  /* Semantic */
  --care-action-destructive-background: var(--care-red-700);
  --care-action-destructive-background-disabled: var(--care-is4it-white-shade-1);
  --care-action-destructive-background-hover: var(--care-red-800);
  --care-action-destructive-focus-ring: var(--care-is4it-purple);
  --care-action-destructive-foreground: var(--care-red-700);
  --care-action-destructive-foreground-disabled: var(--care-is4it-black-shade-1);
  --care-action-destructive-on-background: var(--care-is4it-white);
  --care-action-ghost-background-hover: var(--care-surface-muted);
  --care-action-ghost-focus-ring: var(--care-is4it-purple);
  --care-action-ghost-foreground: var(--care-is4it-black);
  --care-action-ghost-foreground-disabled: var(--care-gray-500);
  --care-action-ghost-foreground-hover: var(--care-is4it-black);
  --care-action-primary-background: var(--care-is4it-red);
  --care-action-primary-background-disabled: var(--care-is4it-rose-shade-2);
  --care-action-primary-background-hover: var(--care-is4it-rose-shade-1);
  --care-action-primary-focus-ring: var(--care-is4it-purple);
  --care-action-primary-foreground: var(--care-is4it-red-strong);
  --care-action-primary-on-background: var(--care-is4it-black);
  --care-action-primary-on-background-disabled: var(--care-is4it-black-shade-1);
  --care-action-secondary-background: var(--care-is4it-blue);
  --care-action-secondary-background-disabled: var(--care-is4it-white-shade-1);
  --care-action-secondary-background-hover: var(--care-is4it-blue-shade-1);
  --care-action-secondary-border: var(--care-is4it-blue);
  --care-action-secondary-border-disabled: var(--care-is4it-white-shade-1);
  --care-action-secondary-border-hover: var(--care-is4it-blue);
  --care-action-secondary-focus-ring: var(--care-is4it-purple);
  --care-action-secondary-foreground: var(--care-is4it-blue);
  --care-action-secondary-foreground-disabled: var(--care-is4it-black-shade-1);
  --care-action-secondary-foreground-hover: var(--care-is4it-black);
  --care-action-tertiary-background: var(--care-is4it-white);
  --care-action-tertiary-background-disabled: var(--care-is4it-white-shade-1);
  --care-action-tertiary-background-hover: var(--care-is4it-white-shade-1);
  --care-action-tertiary-border: var(--care-is4it-white-shade-1);
  --care-action-tertiary-border-disabled: var(--care-is4it-white-shade-1);
  --care-action-tertiary-focus-ring: var(--care-is4it-purple);
  --care-action-tertiary-foreground: var(--care-is4it-black);
  --care-action-tertiary-foreground-disabled: var(--care-is4it-black-shade-1);
  --care-border-default: var(--care-is4it-white-shade-3);
  --care-border-focus: var(--care-is4it-blue);
  --care-border-strong: var(--care-is4it-black-shade-1);
  --care-border-subtle: var(--care-is4it-white-shade-1);
  --care-brand-accent: var(--care-is4it-purple);
  --care-brand-highlight: var(--care-is4it-lime);
  --care-brand-primary: var(--care-is4it-red);
  --care-brand-secondary: var(--care-is4it-blue);
  --care-chat-avatar-assistant-background: var(--care-is4it-purple-strong);
  --care-chat-avatar-user-background: var(--care-is4it-black-shade-1);
  --care-chat-history-selected-background: var(--care-is4it-blue-shade-1);
  --care-chat-message-assistant-background: var(--care-is4it-white-shade-1);
  --care-chat-message-user-background: var(--care-is4it-blue-shade-1);
  --care-chat-message-user-foreground: var(--care-is4it-white);
  --care-chat-thread-background: #f8f6fd;
  --care-data-viz-emphasis-highlight: var(--care-is4it-purple);
  --care-data-viz-evaluation-attention: var(--care-orange-700);
  --care-data-viz-evaluation-negative: var(--care-red-700);
  --care-data-viz-evaluation-neutral: var(--care-gray-600);
  --care-data-viz-evaluation-positive: var(--care-green-700);
  --care-data-viz-series-01: var(--care-is4it-red);
  --care-data-viz-series-02: var(--care-is4it-blue-shade-1);
  --care-data-viz-series-03: var(--care-is4it-purple);
  --care-data-viz-series-04: var(--care-is4it-lime);
  --care-data-viz-series-05: var(--care-is4it-red-shade-1);
  --care-data-viz-series-06: var(--care-is4it-white-shade-1);
  --care-data-viz-severity-critical: var(--care-red-700);
  --care-data-viz-severity-high: var(--care-orange-700);
  --care-data-viz-severity-info: var(--care-cyan-700);
  --care-data-viz-severity-low: var(--care-gray-300);
  --care-data-viz-severity-medium: var(--care-yellow-400);
  --care-filter-pill-background: var(--care-is4it-blue-shade-1);
  --care-filter-pill-border: var(--care-is4it-blue);
  --care-filter-pill-close: var(--care-is4it-black-shade-1);
  --care-filter-pill-foreground: var(--care-is4it-black);
  --care-focus-default: var(--care-is4it-blue);
  --care-icon-muted: var(--care-gray-500);
  --care-icon-secondary: var(--care-is4it-black-shade-1);
  --care-indicator-attention-background: var(--care-yellow-50);
  --care-indicator-attention-border: var(--care-yellow-400);
  --care-indicator-attention-foreground: var(--care-orange-700);
  --care-indicator-critical-background: var(--care-red-50);
  --care-indicator-critical-border: var(--care-red-300);
  --care-indicator-critical-foreground: var(--care-red-700);
  --care-indicator-info-background: var(--care-cyan-50);
  --care-indicator-info-border: var(--care-cyan-300);
  --care-indicator-info-foreground: var(--care-cyan-700);
  --care-indicator-neutral-background: var(--care-gray-100);
  --care-indicator-neutral-border: var(--care-gray-300);
  --care-indicator-neutral-foreground: var(--care-gray-600);
  --care-indicator-success-background: var(--care-green-50);
  --care-indicator-success-border: var(--care-green-300);
  --care-indicator-success-foreground: var(--care-green-700);
  --care-indicator-unknown-background: var(--care-gray-50);
  --care-indicator-unknown-border: var(--care-gray-200);
  --care-indicator-unknown-foreground: var(--care-gray-500);
  --care-input-background-default: var(--care-surface-default);
  --care-input-background-disabled: var(--care-surface-muted);
  --care-input-background-hover: var(--care-surface-default);
  --care-input-background-read-only: var(--care-surface-muted);
  --care-input-border-default: var(--care-border-strong);
  --care-input-border-focus: var(--care-border-focus);
  --care-input-border-hover: var(--care-text-primary);
  --care-input-disabled-foreground: var(--care-text-secondary);
  --care-input-error-background: var(--care-red-50);
  --care-input-error-border: var(--care-red-700);
  --care-input-error-foreground: var(--care-red-700);
  --care-input-focus-ring: var(--care-focus-default);
  --care-input-foreground: var(--care-text-primary);
  --care-input-helper: var(--care-text-secondary);
  --care-input-placeholder: var(--care-text-secondary);
  --care-input-required-foreground: var(--care-status-critical-foreground);
  --care-input-selected-background: var(--care-is4it-blue);
  --care-input-selected-border: var(--care-is4it-blue);
  --care-input-selected-foreground: var(--care-text-inverse);
  --care-input-success-background: var(--care-status-success-background);
  --care-input-success-border: var(--care-status-success-border);
  --care-input-success-foreground: var(--care-status-success-foreground);
  --care-navigation-active-background: var(--care-is4it-lime);
  --care-navigation-active-foreground: var(--care-is4it-black);
  --care-navigation-background: var(--care-surface-sidebar);
  --care-navigation-disabled-foreground: var(--care-gray-500);
  --care-navigation-divider: var(--care-border-default);
  --care-navigation-focus-ring: var(--care-is4it-blue);
  --care-navigation-foreground-default: var(--care-text-secondary);
  --care-navigation-foreground-muted: var(--care-gray-500);
  --care-navigation-hover-background: var(--care-is4it-purple-shade-2);
  --care-navigation-hover-foreground: var(--care-is4it-black);
  --care-overlay-guidance: var(--care-is4it-superblack-overlay-56);
  --care-portal-border-default: var(--care-light-gray);
  --care-portal-surface-content: var(--care-off-white);
  --care-portal-surface-footer: var(--care-is4it-black-shade-1);
  --care-portal-surface-user: var(--care-user-chip);
  --care-selection-background: var(--care-is4it-red-shade-2);
  --care-selection-border: var(--care-is4it-red);
  --care-selection-foreground: var(--care-is4it-black);
  --care-status-attention-background: var(--care-yellow-50);
  --care-status-attention-border: var(--care-yellow-400);
  --care-status-attention-foreground: var(--care-orange-700);
  --care-status-critical-background: var(--care-red-50);
  --care-status-critical-border: var(--care-red-300);
  --care-status-critical-foreground: var(--care-red-700);
  --care-status-info-background: var(--care-cyan-50);
  --care-status-info-border: var(--care-cyan-300);
  --care-status-info-foreground: var(--care-cyan-700);
  --care-status-neutral-background: var(--care-gray-100);
  --care-status-neutral-border: var(--care-gray-300);
  --care-status-neutral-foreground: var(--care-gray-600);
  --care-status-success-background: var(--care-green-50);
  --care-status-success-border: var(--care-green-300);
  --care-status-success-foreground: var(--care-green-700);
  --care-status-unknown-background: var(--care-gray-50);
  --care-status-unknown-border: var(--care-gray-200);
  --care-status-unknown-foreground: var(--care-gray-500);
  --care-surface-brand-primary: var(--care-is4it-red);
  --care-surface-card: var(--care-is4it-white);
  --care-surface-default: var(--care-is4it-white-shade-2);
  --care-surface-elevated: var(--care-gray-50);
  --care-surface-muted: var(--care-is4it-white-shade-1);
  --care-surface-sidebar: var(--care-is4it-white);
  --care-surface-topbar: var(--care-is4it-white);
  --care-text-inverse: var(--care-is4it-white);
  --care-text-muted: var(--care-gray-500);
  --care-text-primary: var(--care-is4it-black);
  --care-text-secondary: var(--care-is4it-black-shade-1);
  --care-text-terminal-muted: var(--care-is4it-white-shade-1);
}