/* Mesa design tokens. Generated from design-system/tokens.json by scripts/prepare-assets.mjs.
   Do not edit by hand. Warm Ivory (light) is the default; Deep Forest (dark) is defined for
   restaurant tools and is not used by Mesa Discover, which is locked to Warm Ivory.
   Two layers: solid content, and Liquid Glass (the glass-* tokens) for navigation and controls. */

:root {
  color-scheme: light;
  --mesa-terracotta: #A9685A;
  --deep-forest: #17382F;
  --warm-ivory: #F3F0E8;
  --charcoal: #202522;
  --white: #FFFFFF;
  --surface: #F3F0E8;
  --surface-raised: #FFFFFF;
  --surface-sunken: #EAE5D9;
  --line: #DCD6C8;
  --ink: #202522;
  --ink-muted: #5B615D;
  --accent: #A9685A;
  --accent-text: #8F5244;
  --on-accent: #FFFFFF;
  --accent-soft: #F4E6E1;
  --on-forest: var(--warm-ivory);
  --success: #2E6A4A;
  --success-soft: #E3EFE6;
  --warning: #85560D;
  --warning-soft: #F6EAD2;
  --danger: #A3262A;
  --danger-soft: #F8E1DF;
  --info: #2B5876;
  --info-soft: #E1ECF3;
  --viz-1: #A9685A;
  --viz-2: #17382F;
  --viz-3: #B08A3E;
  --viz-4: #6F9483;
  --glass-regular: rgba(243, 240, 232, 0.78);
  --glass-clear: rgba(255, 255, 255, 0.16);
  --glass-dim: rgba(32, 37, 34, 0.35);
  --glass-edge: rgba(32, 37, 34, 0.14);
  --glass-highlight: rgba(255, 255, 255, 0.70);
  --glass-tint: rgba(169, 104, 90, 0.18);
  --scrim: rgba(32, 37, 34, 0.48);
  --label: var(--ink);
  --label-secondary: var(--ink-muted);
  --label-tertiary: #7A7F7C;
  --tint: var(--accent);
  --fill: rgba(32, 37, 34, 0.08);
  --fill-secondary: rgba(32, 37, 34, 0.05);
  --separator: rgba(32, 37, 34, 0.18);
  --separator-opaque: var(--line);
  --background-grouped: #EEEAE1;
  --background-grouped-raised: var(--surface-raised);
  --focus-ring: #17382F;

  --font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "DM Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --type-large-title-family: var(--font-sans);
  --type-large-title-size: 2.125rem;
  --type-large-title-line: 2.5625rem;
  --type-large-title-weight: 400;
  --type-large-title-weight-emphasised: 700;
  --type-large-title-tracking: -0.02em;
  --type-title-1-family: var(--font-sans);
  --type-title-1-size: 1.75rem;
  --type-title-1-line: 2.125rem;
  --type-title-1-weight: 400;
  --type-title-1-weight-emphasised: 700;
  --type-title-1-tracking: -0.02em;
  --type-title-2-family: var(--font-sans);
  --type-title-2-size: 1.375rem;
  --type-title-2-line: 1.75rem;
  --type-title-2-weight: 400;
  --type-title-2-weight-emphasised: 700;
  --type-title-2-tracking: -0.01em;
  --type-title-3-family: var(--font-sans);
  --type-title-3-size: 1.25rem;
  --type-title-3-line: 1.5625rem;
  --type-title-3-weight: 400;
  --type-title-3-weight-emphasised: 600;
  --type-title-3-tracking: normal;
  --type-headline-family: var(--font-sans);
  --type-headline-size: 1.0625rem;
  --type-headline-line: 1.375rem;
  --type-headline-weight: 600;
  --type-headline-weight-emphasised: 600;
  --type-headline-tracking: normal;
  --type-body-family: var(--font-sans);
  --type-body-size: 1.0625rem;
  --type-body-line: 1.375rem;
  --type-body-weight: 400;
  --type-body-weight-emphasised: 600;
  --type-body-tracking: normal;
  --type-callout-family: var(--font-sans);
  --type-callout-size: 1rem;
  --type-callout-line: 1.3125rem;
  --type-callout-weight: 400;
  --type-callout-weight-emphasised: 600;
  --type-callout-tracking: normal;
  --type-subhead-family: var(--font-sans);
  --type-subhead-size: 0.9375rem;
  --type-subhead-line: 1.25rem;
  --type-subhead-weight: 400;
  --type-subhead-weight-emphasised: 600;
  --type-subhead-tracking: normal;
  --type-footnote-family: var(--font-sans);
  --type-footnote-size: 0.8125rem;
  --type-footnote-line: 1.125rem;
  --type-footnote-weight: 400;
  --type-footnote-weight-emphasised: 600;
  --type-footnote-tracking: normal;
  --type-caption-1-family: var(--font-sans);
  --type-caption-1-size: 0.75rem;
  --type-caption-1-line: 1rem;
  --type-caption-1-weight: 400;
  --type-caption-1-weight-emphasised: 600;
  --type-caption-1-tracking: normal;
  --type-caption-2-family: var(--font-sans);
  --type-caption-2-size: 0.6875rem;
  --type-caption-2-line: 0.8125rem;
  --type-caption-2-weight: 400;
  --type-caption-2-weight-emphasised: 600;
  --type-caption-2-tracking: normal;
  --type-mono-label-family: var(--font-mono);
  --type-mono-label-size: 0.75rem;
  --type-mono-label-line: 1rem;
  --type-mono-label-weight: 500;
  --type-mono-label-weight-emphasised: 600;
  --type-mono-label-tracking: 0.12em;
  --type-mono-body-family: var(--font-mono);
  --type-mono-body-size: 0.9375rem;
  --type-mono-body-line: 1.25rem;
  --type-mono-body-weight: 400;
  --type-mono-body-weight-emphasised: 600;
  --type-mono-body-tracking: normal;
  --type-figure-family: var(--font-mono);
  --type-figure-size: 1.75rem;
  --type-figure-line: 2rem;
  --type-figure-weight: 500;
  --type-figure-weight-emphasised: 600;
  --type-figure-tracking: -0.01em;
  --type-parent-family: var(--font-mono);
  --type-parent-size: 0.8125rem;
  --type-parent-line: 1rem;
  --type-parent-weight: 500;
  --type-parent-weight-emphasised: 600;
  --type-parent-tracking: 0.24em;
  --type-wordmark-family: var(--font-sans);
  --type-wordmark-size: 6rem;
  --type-wordmark-line: 0.95;
  --type-wordmark-weight: 700;
  --type-wordmark-weight-emphasised: 700;
  --type-wordmark-tracking: -0.02em;
  --type-poster-family: var(--font-sans);
  --type-poster-size: 3.5rem;
  --type-poster-line: 3.75rem;
  --type-poster-weight: 700;
  --type-poster-weight-emphasised: 700;
  --type-poster-tracking: -0.02em;

  --space-0-5: 2px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;

  --radius-none: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-tile: 12px;
  --radius-card: 16px;
  --radius-bar: 26px;
  --radius-sheet: 28px;
  --radius-control: 999px;
  --rule-hairline: 1px;
  --rule-tabletop: 4px;
  --shadow-none: none;
  --shadow-glass: 0 8px 24px rgba(32, 37, 34, 0.14);
  --shadow-sheet: 0 20px 48px rgba(32, 37, 34, 0.22);
  --z-sticky: 10;
  --z-overlay: 100;
  --z-toast: 200;

  /* Apple metrics: hit regions, control and bar heights, the reading width. */
  --tap-target: 44px;
  --control-height: 44px;
  --control-height-sm: 34px;
  --control-height-lg: 50px;
  --row-height: 44px;
  --nav-bar-height: 44px;
  --tab-bar-height: 56px;
  --icon-size: 20px;
  --content-max-width: 680px;

  /* Liquid Glass: the navigation and control layer only. */
  --glass-blur: 24px;
  --glass-blur-clear: 12px;
  --glass-saturate: 180%;
  --glass-edge-width: 1px;
  --glass-inset: 12px;
  --scroll-edge-height: 44px;

  /* Motion and overlay, from the Mesa layout and motion guidelines. */
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --duration-press: 150ms;
  --duration-sheet: 240ms;
  --duration-page: 280ms;
  --duration-fade-reduced: 120ms;
  --backdrop: var(--scrim);
}

[data-theme="dark"] {
  color-scheme: dark;
  --surface: #17382F;
  --surface-raised: #1E4338;
  --surface-sunken: #122D26;
  --line: #2E5A4C;
  --ink: #F3F0E8;
  --ink-muted: #B9C4BD;
  --accent: #D39383;
  --accent-text: #E0A596;
  --on-accent: #17382F;
  --accent-soft: #402F2A;
  --success: #8FD0AA;
  --success-soft: #1F4A3A;
  --warning: #E6B866;
  --warning-soft: #4A3C1E;
  --danger: #F2A09B;
  --danger-soft: #4D2A2A;
  --info: #9CC6E4;
  --info-soft: #1F3F52;
  --viz-1: #D39383;
  --viz-2: #8FC2AE;
  --viz-3: #D9B46A;
  --viz-4: #B9C4BD;
  --glass-regular: rgba(23, 56, 47, 0.68);
  --glass-clear: rgba(255, 255, 255, 0.10);
  --glass-edge: rgba(243, 240, 232, 0.20);
  --glass-highlight: rgba(255, 255, 255, 0.22);
  --glass-tint: rgba(211, 147, 131, 0.22);
  --scrim: rgba(10, 24, 20, 0.56);
  --label-tertiary: #93A79E;
  --fill: rgba(243, 240, 232, 0.12);
  --fill-secondary: rgba(243, 240, 232, 0.08);
  --separator: rgba(243, 240, 232, 0.20);
  --background-grouped: #0F2A23;
  --focus-ring: #D39383;
  --shadow-glass: 0 8px 24px rgba(5, 16, 13, 0.40);
  --shadow-sheet: 0 20px 48px rgba(5, 16, 13, 0.52);
}