/* ============================================================
   10PATCH DELIVERY : DESIGN TOKENS (single source of truth for the website)
   Every colour, font, radius, shadow and theme value lives here. brand.css only
   consumes these variables. To restyle the whole site (both themes), edit this file.
   ============================================================ */
:root{
  /* ---- flame ramp ---- */
  --flame-50:#FFF1E3;  --flame-100:#FFDCBC; --flame-200:#FFC189; --flame-300:#FFA62B;
  --flame-400:#FF8C0F; --flame-500:#FF7A00; --flame-600:#EC5A05; --flame-700:#D93A1C;
  --flame-800:#A82715; --flame-900:#7A1A12; --flame-950:#4A100B; --ember-500:#FF3B1F;
  /* ---- graphite ---- */
  --g-0:#000000; --g-50:#090909; --g-100:#111111; --g-200:#171717; --g-300:#1E1E1E;
  --g-400:#282828; --g-500:#333333; --g-600:#4A4A4A; --g-700:#6B6B6B; --g-800:#8F8F8F; --g-900:#B8B1AA;
  /* ---- bone ---- */
  --bone-50:#FFFFFF; --bone-100:#F7F3EE; --bone-200:#EDE7E0; --bone-300:#DCD4CB;
  --bone-400:#B8B1AA; --bone-500:#8A847E;
  /* ---- status ---- */
  --success:#22C55E; --warning:#FFA62B; --error:#FF3B1F; --info:#4C9AFF;
  /* ---- semantic ---- */
  --bg-canvas:#090909; --bg-elevated:#111111; --bg-surface:#171717; --bg-surface-hover:#1E1E1E;
  --border-subtle:#1E1E1E; --border-default:#282828; --border-strong:#4A4A4A; --border-accent:#FF7A00;
  --text-primary:#F7F3EE; --text-secondary:#B8B1AA; --text-tertiary:#8F8F8F;
  --text-disabled:#4A4A4A; --text-accent:#FF8C0F; --text-on-accent:#090909;
  --action-primary:#FF7A00; --action-primary-hover:#FF8C0F; --action-primary-press:#EC5A05;
  /* ---- gradients ---- */
  --grad-brand:linear-gradient(135deg,#FFA62B 0%,#FF7A00 42%,#FF3B1F 100%);
  --grad-glow:radial-gradient(60% 60% at 50% 40%,rgba(255,122,0,.28) 0%,rgba(255,59,31,.10) 45%,transparent 78%);
  /* ---- type (v1.1) ---- */
  --font-display:Lora,Georgia,"Times New Roman",serif;      /* voice: headlines, hero, brand moments */
  --font-ui:Geist,system-ui,-apple-system,"Segoe UI",sans-serif; /* machinery: everything operational */
  --font-mono:"JetBrains Mono","SF Mono",ui-monospace,monospace; /* technical identifiers */
  /* ---- radius / shadow / motion ---- */
  --r-xs:6px; --r-sm:10px; --r-md:14px; --r-lg:20px; --r-xl:28px; --r-2xl:36px; --r-pill:999px;
  --sh-sm:0 1px 2px rgba(0,0,0,.5); --sh-md:0 4px 16px rgba(0,0,0,.55); --sh-lg:0 16px 48px rgba(0,0,0,.6);
  --sh-accent:0 8px 32px rgba(255,90,5,.35);
  --d-fast:140ms; --d-base:220ms; --d-slow:360ms;
  --ease:cubic-bezier(.2,0,0,1); --ease-in:cubic-bezier(.16,1,.3,1);
  --maxw:1160px;

  /* ---- photo / hero / panels / controls (consumed by brand.css; edit here to restyle both themes) ---- */
  --photo-filter:none;
  --hero-wash:linear-gradient(180deg,rgba(9,9,9,.55),rgba(9,9,9,.78));
  --hero-fg:#F7F3EE; --hero-fg-soft:#D8D1C9; --hero-fg-line:rgba(247,243,238,.45);
  --drv-bg:linear-gradient(180deg,var(--flame-950) 0%,var(--bg-canvas) 100%); --drv-border:rgba(255,122,0,.18);
  --menu-bg:#141414; --tg-track:#171717;
}

/* ---- theme: light (the site is dark by default, like the app; visitor choice saved) ---- */
:root{color-scheme:dark;--hd-bg:rgba(9,9,9,.86);--bar-bg:rgba(9,9,9,.94)}
html[data-theme="light"]{
  color-scheme:light;
  --bg-canvas:#FBF8F4; --bg-elevated:#F4EFE9; --bg-surface:#FFFFFF; --bg-surface-hover:#F1EBE4;
  --border-subtle:#EBE4DC; --border-default:#DCD4CB; --border-strong:#B8B1AA;
  --text-primary:#17120D; --text-secondary:#4E463F; --text-tertiary:#6B635C;
  --text-disabled:#B8B1AA; --text-accent:#B34200; --text-on-accent:#FFFFFF;
  --action-primary:#C75400; --action-primary-hover:#B24A00; --action-primary-press:#9C4000;
  --g-50:#17120D;
  --sh-sm:0 1px 2px rgba(60,40,20,.10); --sh-md:0 4px 16px rgba(60,40,20,.12); --sh-lg:0 16px 48px rgba(60,40,20,.16);
  --hd-bg:rgba(251,248,244,.88); --bar-bg:rgba(251,248,244,.96);
  --photo-filter:saturate(1.05) brightness(1.08);
  --hero-wash:linear-gradient(180deg,rgba(251,248,244,.66),rgba(251,248,244,.88));
  --hero-fg:#17120D; --hero-fg-soft:#3A322B; --hero-fg-line:rgba(23,18,13,.38);
  --drv-bg:linear-gradient(180deg,#FFE9D2 0%,var(--bg-canvas) 100%); --drv-border:rgba(232,108,0,.28);
  --menu-bg:#FFFFFF; --tg-track:#EFE8E0;
}