/* Source of truth: the approved Juntô Home. Shared by every product route. */
:root {
  color-scheme: light;
  --jt-bg: #f8f7f3;
  --jt-bg-secondary: #f2f0e9;
  --jt-surface: #fffefa;
  --jt-elevated: #ffffff;
  --jt-text: #171b1c;
  --jt-muted: #727d8e;
  --jt-tertiary: #7c7e82;
  --jt-disabled-text: #8a8d8b;
  --jt-border: rgba(89,73,47,.12);
  --jt-border-strong: rgba(89,73,47,.24);
  --jt-gold: #ffbd39;
  --jt-accent: #b66d00;
  --jt-accent-hover: #955a00;
  --jt-soft: #fff1d5;
  --jt-hover: #f1eee6;
  --jt-on-accent: #17130c;
  --jt-gold-start: #ffb923;
  --jt-gold-end: #ffcd63;
  --jt-gold-border: #ffc753;
  --jt-success: #247449;
  --jt-success-bg: #e5f5eb;
  --jt-warning: #986000;
  --jt-warning-bg: #fff1d5;
  --jt-error: #b53838;
  --jt-error-bg: #fcebea;
  --jt-info: #746044;
  --jt-info-bg: #f2eee5;
  --jt-overlay: rgba(10,16,14,.68);
  --jt-image-ink: #ffffff;
  --jt-image-shade: rgba(3,9,8,.72);
  --jt-shadow: 0 12px 42px rgba(71,53,24,.045);
  --jt-shadow-raised: 0 16px 48px rgba(40,30,12,.12);
  --jt-shadow-modal: 0 24px 80px rgba(0,0,0,.22);
  --jt-focus: 0 0 0 3px rgba(255,189,57,.32);
  --jt-action-shadow: 0 5px 20px rgba(251,181,47,.19);
  --jt-font: Outfit, system-ui, sans-serif;
  --jt-font-hand: Caveat, cursive;
  --jt-display: clamp(2.75rem,5vw,4rem);
  --jt-h1: clamp(1.75rem,3vw,2rem);
  --jt-h2: 1.5rem;
  --jt-h3: 1.25rem;
  --jt-body: 1rem;
  --jt-small: .875rem;
  --jt-caption: .75rem;
  --jt-line: 1.5;
  --jt-line-heading: 1.2;
  --jt-space-1: .25rem;
  --jt-space-2: .5rem;
  --jt-space-3: .75rem;
  --jt-space-4: 1rem;
  --jt-space-5: 1.25rem;
  --jt-space-6: 1.5rem;
  --jt-space-8: 2rem;
  --jt-space-10: 2.5rem;
  --jt-space-12: 3rem;
  --jt-radius-sm: .75rem;
  --jt-radius-input: 1rem;
  --jt-radius-button: 1.125rem;
  --jt-radius-card: 1.5rem;
  --jt-radius-pill: 999px;
  --jt-content: 1180px;
  --jt-content-admin: 1440px;
  --jt-gutter: clamp(1rem,3vw,2rem);
  --jt-motion: 180ms ease;
  --jt-nav-bg: rgba(255,254,250,.95);
}
html.dark {
  color-scheme: dark;
  --jt-bg: #181b1a;
  --jt-bg-secondary: #1d211f;
  --jt-surface: #222625;
  --jt-elevated: #2a2e2c;
  --jt-text: #f6f6f3;
  --jt-muted: #bac0c8;
  --jt-tertiary: #9ba29e;
  --jt-disabled-text: #777e79;
  --jt-border: rgba(255,255,255,.10);
  --jt-border-strong: rgba(255,255,255,.20);
  --jt-accent: #ffbd39;
  --jt-accent-hover: #ffd170;
  --jt-soft: rgba(255,190,57,.10);
  --jt-hover: #2c312e;
  --jt-success: #88d8a9;
  --jt-success-bg: #203c2c;
  --jt-warning: #ffd170;
  --jt-warning-bg: #3e3320;
  --jt-error: #f29a95;
  --jt-error-bg: #412928;
  --jt-info: #d4c6a9;
  --jt-info-bg: #323027;
  --jt-shadow: 0 12px 42px rgba(0,0,0,.08);
  --jt-shadow-raised: 0 16px 48px rgba(0,0,0,.22);
  --jt-shadow-modal: 0 24px 80px rgba(0,0,0,.42);
  --jt-nav-bg: rgba(35,39,38,.95);
}
/* Tailwind compatibility: existing structural utilities share the same palette. */
:root {
  --color-brand-25: #fffbef; --color-brand-50: #fff1d5;
  --color-brand-100: #ffe8b4; --color-brand-200: #ffda8b;
  --color-brand-300: #ffcd63; --color-brand-400: #ffc34a;
  --color-brand-500: #ffbd39; --color-brand-600: #b66d00;
  --color-brand-700: #955a00; --color-brand-800: #754914;
  --color-brand-900: #503719; --color-brand-950: #322719;
  --color-gray-25: #fcfbf8; --color-gray-50: #f8f7f3;
  --color-gray-100: #f2f0e9; --color-gray-200: #e5e2d9;
  --color-gray-300: #cbc9c0; --color-gray-400: #939b96;
  --color-gray-500: #727d78; --color-gray-600: #59645e;
  --color-gray-700: #3c4540; --color-gray-800: #2a302c;
  --color-gray-900: #222625; --color-gray-950: #181b1a;
  --color-gray-dark: #222625;
  --color-success-500: #247449; --color-success-600: #1b603c;
  --radius-lg: var(--jt-radius-sm); --radius-xl: var(--jt-radius-input);
  --radius-2xl: var(--jt-radius-card); --radius-3xl: var(--jt-radius-card);
  --shadow-theme-xs: var(--jt-shadow); --shadow-theme-sm: var(--jt-shadow);
  --shadow-theme-md: var(--jt-shadow-raised); --shadow-theme-lg: var(--jt-shadow-raised);
  --shadow-theme-xl: var(--jt-shadow-modal);
  --shadow-xl: var(--jt-shadow-raised); --shadow-2xl: var(--jt-shadow-modal);
}