/* ════════════════════════════════════════════════════════════
   CookHaus design tokens
   Brand palette — change THESE FOUR values to retheme the app.
   Everything else derives from them or from the theme blocks below.
   ════════════════════════════════════════════════════════════ */
:root{
  --brand-green:#13ce8e;       /* primary accent (dark theme)   */
  --brand-blue:#3da5ff;        /* highlight accent (dark theme) */
  --brand-green-deep:#0aa173;  /* primary accent (light theme)  */
  --brand-blue-deep:#0d7fe0;   /* highlight accent (light theme)*/
}

/* ════════ CookHaus theme system ════════
   Dark (default): near-black with a green tint, emerald-green primary,
   sky-blue highlights. Light: airy off-white with the same accent pair. */
:root{
  --bg:#0a0f0d;
  --surf:#101714;--surf2:#16201b;--surf3:#1d2a23;
  --border:rgba(255,255,255,0.06);--border2:rgba(255,255,255,0.12);
  --tx:#e9f2ed;--muted:#94a69d;--hint:#5d6e66;
  --teal:var(--brand-green);--teal-bg:rgba(19,206,142,.13);--teal-tx:#62eeb8;
  --blue:var(--brand-blue);--blue-bg:rgba(61,165,255,.13);--blue-tx:#93cbff;
  --purple:#a18fff;--purple-bg:rgba(161,143,255,.14);--purple-tx:#cabfff;
  --coral:#ff7a59;--coral-bg:rgba(255,122,89,.13);--coral-tx:#ffb29d;
  --amber-bg:rgba(255,185,50,.13);--amber-tx:#ffce6e;
  --green-bg:rgba(120,224,100,.13);--green-tx:#a2ef90;
  --red-bg:rgba(255,95,95,.13);--red-tx:#ff9e9e;
  --r:14px;--rs:9px;
  --accent-grad:linear-gradient(135deg,var(--brand-green),var(--brand-blue));
  --shadow:0 1px 2px rgba(0,0,0,.25),0 8px 24px -12px rgba(0,0,0,.5);
  --shadow-lift:0 2px 4px rgba(0,0,0,.3),0 16px 36px -14px rgba(0,0,0,.6);
  --glow-teal:rgba(19,206,142,.08);--glow-blue:rgba(61,165,255,.07);
  --hdr-bg:rgba(10,15,13,.82);
}
html[data-theme="light"]{
  --bg:#f3f7f5;
  --surf:#ffffff;--surf2:#edf3f0;--surf3:#e2ebe6;
  --border:rgba(12,46,33,0.08);--border2:rgba(12,46,33,0.16);
  --tx:#10231b;--muted:#5c6f66;--hint:#92a39a;
  --teal:var(--brand-green-deep);--teal-bg:#dcf5ea;--teal-tx:#06654a;
  --blue:var(--brand-blue-deep);--blue-bg:#e1effc;--blue-tx:#0a4f8c;
  --purple:#6d5fd6;--purple-bg:#ecebfc;--purple-tx:#41368f;
  --coral:#e0552c;--coral-bg:#fdeae3;--coral-tx:#86341a;
  --amber-bg:#fcefd5;--amber-tx:#7a4d05;
  --green-bg:#e4f4dc;--green-tx:#2e5c12;
  --red-bg:#fce7e7;--red-tx:#8c2424;
  --accent-grad:linear-gradient(135deg,var(--brand-green-deep),var(--brand-blue-deep));
  --shadow:0 1px 2px rgba(16,35,27,.05),0 8px 24px -12px rgba(16,35,27,.12);
  --shadow-lift:0 2px 4px rgba(16,35,27,.06),0 16px 36px -14px rgba(16,35,27,.18);
  --glow-teal:rgba(10,161,115,.07);--glow-blue:rgba(13,127,224,.06);
  --hdr-bg:rgba(243,247,245,.85);
}