/* Mead "honey": Seedling's token names with the light proposal-H values (docs/design/proposals/round3/h.html).
   Replaces Seedling's dark tokens.css. Contrast is asserted in tests/test_tokens.py. */


:root {
  color-scheme: light;

  --color-bg-canvas: #F6F3EE;
  --color-bg-surface: #FFFFFF;
  --color-bg-raised: #FFFDF9;
  --color-bg-sunken: #FAF5EC;
  --color-bg-overlay: rgba(38, 24, 30, 0.45);

  --color-border-subtle: #EEE6DA;
  --color-border-default: #E0D4C2;
  --color-border-strong: #C9B89F;
  --color-border-control: #8C7A6A;

  --color-text-primary: #26181E;
  --color-text-secondary: #62505A;
  --color-text-tertiary: #76646C;
  --color-text-disabled: #B5A9A0;
  --color-text-inverse: #FFFFFF;
  --color-on-flavor: #FFFFFF;     /* text/icons on a flavour solid, white in every theme */

  --color-ember: #9A5B00;
  --color-ember-bright: #7A4800;
  --color-ember-muted: #F7E2B5;
  --color-accent: var(--color-ember);
  --color-accent-muted: var(--color-ember-muted);
  --color-focus: var(--color-ember);
  --color-selection: #F7E2B5;
  --color-link-underline: rgba(154, 91, 0, 0.45);

  --color-ok: #1E7A45;
  --color-ok-muted: #DDF1E3;
  --color-info: #1F5F9E;
  --color-info-muted: #DEEBF8;
  --color-warn: #7D5F00;
  --color-warn-muted: #FBEFC4;
  --color-danger: #B3261E;
  --color-danger-muted: #FBE1DE;
  --color-quarantine: #9B2F86;
  --color-quarantine-muted: #F6E0F1;
  --color-idle: #5E6A5C;
  --color-idle-muted: #E7EBE4;

  --pattern-quarantine: repeating-linear-gradient(
    -45deg, var(--color-quarantine) 0 3px, var(--color-warn) 3px 6px);

  --color-live: var(--color-danger);
  --color-live-muted: var(--color-danger-muted);
  --color-preview: var(--color-info);
  --color-preview-muted: var(--color-info-muted);
  --color-standby: var(--color-warn);
  --color-standby-muted: var(--color-warn-muted);
  --color-ready: var(--color-ok);
  --color-ready-muted: var(--color-ok-muted);
  --color-hygiene: var(--color-quarantine);
  --color-hygiene-muted: var(--color-quarantine-muted);

  --scene-dawn: linear-gradient(180deg, #2B2A44 0%, #8A5A6A 55%, #E0A27A 100%);
  --scene-day: linear-gradient(180deg, #24476A 0%, #4F7FA3 60%, #9CC2CF 100%);
  --scene-dusk: linear-gradient(180deg, #1E1C34 0%, #5C3550 55%, #B86A4E 100%);
  --scene-night: linear-gradient(180deg, #26181E 0%, #3A2530 60%, #4A3140 100%);
  --scene-ground-day: #3A2A1E;
  --scene-ground-dawn: #33251B;
  --scene-ground-dusk: #2A1F18;
  --scene-ground-night: #171210;

  --scene-foliage-day: #2F5A34;
  --scene-foliage-dawn: #34482F;
  --scene-foliage-dusk: #22342A;
  --scene-foliage-night: #0E1C13;
  --scene-sun: #F6D58A;
  --scene-moon: #DDE3CF;
  --scene-firefly: #D9F27A;

  --font-display: "Young Serif", Georgia, serif;
  --font-body: "Nunito Sans", "Segoe UI", system-ui, sans-serif;
  --font-mono: "IBM Plex Mono", "JetBrains Mono", ui-monospace, monospace;

  --font-size-2xs: 0.6875rem;
  --font-size-xs: 0.75rem;
  --font-size-sm: 0.8125rem;
  --font-size-base: 0.875rem;
  --font-size-md: 1rem;
  --font-size-lg: 1.25rem;
  --font-size-xl: 1.5rem;
  --font-size-2xl: 2rem;

  --font-size-display-md: 16px;
  --font-size-display-lg: 20px;
  --font-size-display-xl: 26px;
  --font-size-display-2xl: 34px;

  --font-weight-regular: 400;
  --font-weight-medium: 560;
  --font-weight-bold: 600;

  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-loose: 1.7;

  --letter-spacing-normal: 0;
  --letter-spacing-wide: 0.06em;
  --letter-spacing-display: -0.01em;

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

  --control-h-sm: 28px;
  --control-h: 36px;
  --control-h-touch: 44px;

  --radius-none: 0;
  --radius-sm: 4px;
  --radius-md: 7px;
  --radius-lg: 12px;
  --radius-full: 999px;

  --shadow-sm: 0 1px 2px rgba(60, 40, 10, 0.08);
  --shadow-md: 0 1px 2px rgba(60, 40, 10, 0.06), 0 8px 24px rgba(60, 40, 10, 0.07);
  --shadow-lg: 0 14px 36px -6px rgba(60, 40, 10, 0.25);

  --shadow-glow-ember: 0 0 0 1px var(--color-ember), 0 8px 20px -8px rgba(60, 40, 10, 0.25);
  --shadow-focus-ring: 0 0 0 2px var(--color-bg-canvas), 0 0 0 4px var(--color-focus);

  --duration-instant: 80ms;
  --duration-fast: 140ms;
  --duration-base: 220ms;
  --duration-slow: 360ms;
  --duration-flame: 600ms;

  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-step: cubic-bezier(0.2, 0, 0, 1);
  --ease-blink: cubic-bezier(0.45, 0, 0.55, 1);
  --ease-sweep: cubic-bezier(0.45, 0, 0.55, 1);

  --sidebar-w: 56px;
  --sidebar-w-open: 220px;
  --header-h: 52px;
  --tabbar-h: 56px;
  --page-max: 1600px;

  --z-base: 0;
  --z-header: 200;
  --z-sidebar: 250;
  --z-dropdown: 300;
  --z-overlay: 400;
  --z-modal: 500;
  --z-toast: 600;

  /* ---- honey additions ---- */
  --color-ember-ink: #5E3700;       /* text on --color-ember-muted */
  --radius-card: 14px;
  --shadow-card: 0 1px 2px rgba(60, 40, 10, 0.06), 0 8px 24px rgba(60, 40, 10, 0.07);
  --content-max: 660px;
}