/* GENT — Colour tokens
   The brand lives on deep forest green and black, with white type running across
   both. Warm stone neutrals (borrowed from the studio tabletop in brand photography)
   keep light surfaces from feeling clinical. */

:root {
  /* ---- Green scale (the brand core) ---- */
  --green-950: #061710;   /* deepest, near-black green */
  --green-900: #0a1d15;
  --green-800: #0d261c;   /* GENT brand green — primary surface */
  --green-700: #123528;
  --green-600: #004f35;   /* supporting emerald — accents, secondary surface */
  --green-500: #0a6b47;   /* brighter emerald — interactive accent */
  --green-400: #2e8b5f;   /* glow / highlight green */

  /* ---- Ink + paper ---- */
  --black: #000000;
  --white: #ffffff;

  /* ---- Warm stone neutrals (light UI) ---- */
  --stone-50:  #faf9f6;
  --stone-100: #f4f2ec;
  --stone-200: #e7e3da;
  --stone-300: #d3cdc0;
  --stone-400: #b0a999;
  --stone-500: #8a8478;
  --stone-600: #5f5a50;
  --stone-700: #423e37;

  /* ---- Semantic: surfaces ---- */
  --surface-brand: var(--green-800);       /* signature green panels */
  --surface-brand-deep: var(--green-600);  /* emerald blocks */
  --surface-ink: var(--black);             /* black panels */
  --surface-page: var(--white);
  --surface-muted: var(--stone-100);       /* soft section background */
  --surface-card: var(--white);
  --surface-inset: var(--stone-50);

  /* ---- Semantic: text ---- */
  --text-primary: var(--green-800);        /* headings/body on light */
  --text-secondary: var(--stone-600);
  --text-muted: var(--stone-500);
  --text-on-brand: var(--white);
  --text-on-brand-muted: rgba(255, 255, 255, 0.66);
  --text-accent: var(--green-600);

  /* ---- Semantic: lines + accents ---- */
  --border-subtle: var(--stone-200);
  --border-strong: var(--stone-300);
  --border-on-brand: rgba(255, 255, 255, 0.16);
  --accent: var(--green-600);
  --accent-bright: var(--green-500);
  --focus-ring: var(--green-400);

  /* ---- The hero glow (radial emerald behind product photography) ---- */
  --glow-green: radial-gradient(120% 120% at 70% 40%, #1f6b4a 0%, #0d261c 55%, #061710 100%); /* @kind other */
}