/* 車内対話実験 Design System 4.1.0 | light
 * Values aligned with design-tokens.json; canonical design tokens served by the app.
 * Palette and shape updates adopt proposal 1.1.0; product-only layout tokens are documented.
 */
:root {
  --cai-primitive-color-white: #ffffff;
  --cai-primitive-color-black: #000000;
  --cai-primitive-color-gray-50: #f5f7fa;
  --cai-primitive-color-gray-100: #eaeff5;
  --cai-primitive-color-gray-200: #d7dfe9;
  --cai-primitive-color-gray-600: #687990;
  --cai-primitive-color-gray-700: #495a70;
  --cai-primitive-color-gray-900: #16253b;
  --cai-primitive-color-blue-50: #ebf2ff;
  --cai-primitive-color-blue-100: #dde9ff;
  --cai-primitive-color-blue-200: #c7d9ff;
  --cai-primitive-color-blue-900: #2259c5;
  --cai-primitive-color-blue-1000: #1c479f;
  --cai-primitive-color-blue-1200: #173776;
  --cai-primitive-color-cyan-50: #e9f7f9;
  --cai-primitive-color-cyan-900: #006f83;
  --cai-primitive-color-purple-50: #f1eafa;
  --cai-primitive-color-purple-900: #5109ad;
  --cai-primitive-color-green-900: #115a36;
  --cai-primitive-color-red-900: #ce0000;
  --cai-primitive-color-red-1000: #a90000;
  --cai-primitive-color-red-1200: #620000;
  --cai-primitive-color-yellow-300: #ffd43d;
  --cai-primitive-color-yellow-1000: #806300;
  --cai-primitive-color-tint-success: #e8f4ec;
  --cai-primitive-color-tint-warning: #fff4d6;
  --cai-primitive-color-tint-danger: #fff0ee;
  --cai-color-background-canvas: var(--cai-primitive-color-gray-50);
  --cai-color-background-surface: var(--cai-primitive-color-white);
  --cai-color-background-subtle: var(--cai-primitive-color-gray-50);
  --cai-color-text-primary: var(--cai-primitive-color-gray-900);
  --cai-color-text-secondary: var(--cai-primitive-color-gray-700);
  --cai-color-text-inverse: var(--cai-primitive-color-white);
  --cai-color-text-link: var(--cai-primitive-color-blue-1000);
  --cai-color-border-default: var(--cai-primitive-color-gray-200);
  --cai-color-border-control: var(--cai-primitive-color-gray-600);
  --cai-color-border-strong: var(--cai-primitive-color-gray-900);
  --cai-color-action-primary-default: var(--cai-primitive-color-blue-900);
  --cai-color-action-primary-hover: var(--cai-primitive-color-blue-1000);
  --cai-color-action-primary-active: var(--cai-primitive-color-blue-1200);
  --cai-color-action-primary-text: var(--cai-primitive-color-white);
  --cai-color-action-secondary-text: var(--cai-primitive-color-gray-900);
  --cai-color-action-secondary-surface: var(--cai-primitive-color-white);
  --cai-color-action-secondary-hover: var(--cai-primitive-color-gray-50);
  --cai-color-action-secondary-active: var(--cai-primitive-color-gray-100);
  --cai-color-action-disabled-text: var(--cai-primitive-color-gray-700);
  --cai-color-action-disabled-surface: var(--cai-primitive-color-gray-100);
  --cai-color-action-disabled-border: var(--cai-primitive-color-gray-600);
  --cai-color-action-danger-default: var(--cai-primitive-color-red-900);
  --cai-color-action-danger-hover: var(--cai-primitive-color-red-1000);
  --cai-color-action-danger-active: var(--cai-primitive-color-red-1200);
  --cai-color-action-danger-text: var(--cai-primitive-color-white);
  --cai-color-selection-surface: var(--cai-primitive-color-blue-50);
  --cai-color-selection-border: var(--cai-primitive-color-blue-900);
  --cai-color-selection-text: var(--cai-primitive-color-blue-1000);
  --cai-color-feedback-neutral-text: var(--cai-primitive-color-gray-700);
  --cai-color-feedback-neutral-surface: var(--cai-primitive-color-gray-50);
  --cai-color-feedback-info-text: var(--cai-primitive-color-blue-1000);
  --cai-color-feedback-info-surface: var(--cai-primitive-color-blue-50);
  --cai-color-feedback-success-text: var(--cai-primitive-color-green-900);
  --cai-color-feedback-success-surface: var(--cai-primitive-color-tint-success);
  --cai-color-feedback-warning-text: var(--cai-primitive-color-yellow-1000);
  --cai-color-feedback-warning-surface: var(--cai-primitive-color-tint-warning);
  --cai-color-feedback-danger-text: var(--cai-primitive-color-red-900);
  --cai-color-feedback-danger-surface: var(--cai-primitive-color-tint-danger);
  --cai-color-speaker-driver-accent: var(--cai-primitive-color-gray-700);
  --cai-color-speaker-driver-surface: var(--cai-primitive-color-white);
  --cai-color-speaker-navi-accent: var(--cai-primitive-color-cyan-900);
  --cai-color-speaker-navi-surface: var(--cai-primitive-color-cyan-50);
  --cai-color-speaker-asami-accent: var(--cai-primitive-color-purple-900);
  --cai-color-speaker-asami-surface: var(--cai-primitive-color-purple-50);
  --cai-focus-ring: var(--cai-primitive-color-black);
  --cai-focus-halo: var(--cai-primitive-color-yellow-300);
  --cai-focus-width: 4px;
  --cai-focus-offset: 2px;
  --cai-focus-halo-width: 2px;
  --cai-font-family-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Yu Gothic", sans-serif;
  --cai-font-family-mono: "Noto Sans Mono", ui-monospace, monospace;
  --cai-font-weight-regular: 400;
  --cai-font-weight-bold: 700;
  --cai-font-size-meta: 0.875rem;
  --cai-font-size-body: 1rem;
  --cai-font-size-dialogue: 1.125rem;
  --cai-font-size-heading-small: 1.25rem;
  --cai-font-size-heading: 1.5rem;
  --cai-font-size-title: 2rem;
  --cai-font-line-height-body: 1.7;
  --cai-font-line-height-dialogue: 1.8;
  --cai-font-line-height-heading: 1.4;
  --cai-font-line-height-control: 1.5;
  --cai-space-0: 0rem;
  --cai-space-1: 0.25rem;
  --cai-space-2: 0.5rem;
  --cai-space-3: 0.75rem;
  --cai-space-4: 1rem;
  --cai-space-6: 1.5rem;
  --cai-space-8: 2rem;
  --cai-space-12: 3rem;
  --cai-space-16: 4rem;
  --cai-space-inline: var(--cai-space-2);
  --cai-space-field: var(--cai-space-4);
  --cai-space-section: var(--cai-space-8);
  --cai-space-panel: var(--cai-space-6);
  --cai-space-page-narrow: var(--cai-space-4);
  --cai-space-page-wide: var(--cai-space-8);
  --cai-space-control-block: var(--cai-space-2);
  --cai-space-control-inline: var(--cai-space-4);
  --cai-radius-none: 0rem;
  --cai-radius-control: 0.5rem;
  --cai-radius-panel: 0.75rem;
  --cai-border-width-thin: 1px;
  --cai-border-width-selected: 2px;
  --cai-border-width-speaker: 4px;
  --cai-size-control: 3rem;
  --cai-size-participant-control: 3.5rem;
  --cai-size-icon-button: 3rem;
  --cai-size-table-row: 3rem;
  --cai-size-icon: 1.5rem;
  --cai-size-icon-small: 1.25rem;
  --cai-layout-height-conversation: 28rem;
  --cai-layout-width-max: 90rem;
  --cai-layout-width-form: 45rem;
  --cai-layout-width-participant: 48rem;
  --cai-layout-width-rail: 20rem;
  --cai-layout-width-dialog: 35rem;
  --cai-layout-width-cabin-compact: 14rem;
  --cai-layout-width-cabin-seat-label-min: 4rem;
  --cai-layout-width-tab-min: 9rem;
  --cai-layout-width-save-action-min: 9.5rem;
  --cai-layout-width-cabin-seat-label-max: 7rem;
  --cai-layout-width-navigation: 14.5rem;
  --cai-layout-width-run-actions: 31rem;
  --cai-layout-width-field-min: 18rem;
  --cai-layout-width-numeric-field-min: 12.5rem;
  --cai-layout-width-preparation-steps: 12rem;
  --cai-breakpoint-navigation: 50rem;
  --cai-breakpoint-workspace: 64rem;
  --cai-breakpoint-wide: 80rem;
  --cai-layer-base: 0;
  --cai-layer-sticky: 10;
  --cai-layer-menu: 20;
  --cai-layer-dialog: 30;
  --cai-motion-duration-none: 0ms;
  --cai-motion-duration-fast: 120ms;
  --cai-motion-duration-normal: 180ms;
  --cai-motion-easing-standard: cubic-bezier(0.2, 0, 0, 1);
  --cai-elevation-overlay: 0px 4px 16px 0px rgb(0 0 0 / 0.18);
}