/* ============================================================
   PLANT MEAT — design tokens
   Deep green, warm ivory, charcoal, natural stone. No pastels.
   Green carries the brand; charcoal carries authority; ivory
   and stone keep it warm and appetite-friendly.
   ============================================================ */

:root {
  /* -- surface ------------------------------------------------ */
  --paper:        #FAF4E6;   /* warm ivory, the primary light bg */
  --paper-lift:   #FFFDF7;   /* raised cards                     */
  --paper-sink:   #E7E1D2;   /* stone — recessed bands           */
  --paper-warm:   #F1EAD9;   /* warm alt band                    */

  --stone:        #E7E1D2;   /* named alias of paper-sink, for   */
  --stone-deep:   #CFC6AF;   /* new work that wants "stone" by name */

  /* -- ink: true neutral charcoal, not green-tinted ----------- */
  --ink:          #201D18;
  --ink-2:        #4A463E;   /* secondary text                */
  --ink-3:        #7A756A;   /* muted / captions              */
  --ink-4:        #B8B2A2;   /* hairlines                     */

  /* -- verde: the dominant brand green, not an accent --------- */
  --sage:         #E7E1D2;   /* soft fills — now = stone       */
  --sage-deep:    #CFC6AF;   /* fill hover                     */
  --verde:        #1E5B3C;   /* the brand green                */
  --verde-deep:   #123724;   /* pressed / hover                */
  --verde-tint:   #DCE6DC;   /* muted wash — used sparingly    */

  /* channel copies, for rgba() where a bare colour won't do */
  --paper-rgb:    250, 244, 230;
  --ink-rgb:      32, 29, 24;
  --verde-rgb:    30, 91, 60;
  --stone-rgb:    231, 225, 210;

  /* -- lines & shadow — derived from --ink-rgb, so retinting
     --ink retints every hairline/shadow/grain with it -------- */
  --rule:         rgba(var(--ink-rgb), 0.12);
  --rule-soft:    rgba(var(--ink-rgb), 0.065);

  --shadow-sm:    0 1px 2px rgba(var(--ink-rgb), .06), 0 2px 6px rgba(var(--ink-rgb), .05);
  --shadow-md:    0 2px 6px rgba(var(--ink-rgb), .06), 0 12px 28px -8px rgba(var(--ink-rgb), .16);
  --shadow-lg:    0 4px 10px rgba(var(--ink-rgb), .06), 0 30px 60px -18px rgba(var(--ink-rgb), .24);
  --shadow-verde: 0 18px 40px -14px rgba(var(--verde-rgb), .38);

  /* -- type --------------------------------------------------- */
  --display: "Bricolage Grotesque", "Helvetica Neue", sans-serif;
  --serif:   "Instrument Serif", Georgia, serif;
  --body:    "Inter Tight", -apple-system, BlinkMacSystemFont, sans-serif;
  --mono:    "JetBrains Mono", ui-monospace, "SF Mono", monospace;

  /* fluid scale — clamp(min, fluid, max) */
  --t-mega:   clamp(3.25rem, 11vw,  10.5rem);
  --t-xxl:    clamp(2.6rem,  6.6vw,  6rem);
  --t-xl:     clamp(2rem,    4.2vw,  3.6rem);
  --t-lg:     clamp(1.5rem,  2.6vw,  2.25rem);
  --t-md:     clamp(1.125rem,1.5vw,  1.375rem);
  --t-base:   1rem;
  --t-sm:     0.9375rem;
  --t-xs:     0.8125rem;
  --t-micro:  0.6875rem;

  /* -- rhythm ------------------------------------------------- */
  --gutter:   clamp(1.25rem, 4vw, 3.5rem);
  --band:     clamp(5rem, 11vw, 11rem);   /* vertical section pad */
  --maxw:     1560px;
  --measure:  62ch;

  /* -- motion ------------------------------------------------- */
  --ease-out:  cubic-bezier(.16, 1, .3, 1);
  --ease-soft: cubic-bezier(.25, .8, .25, 1);
  --ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --dur-fast:  .28s;
  --dur:       .55s;
  --dur-slow:  1.1s;

  /* -- misc --------------------------------------------------- */
  --radius:    2px;      /* deliberately near-square: editorial, not bubbly */
  --radius-lg: 4px;
  --radius-pill: 999px;
  --nav-h:     72px;
}

/* Verde Theory sub-brand — the cafe page only (verde-theory.html).
   Warm ivory base with deep-forest ink, sage, terracotta and natural
   wood — a related but distinct skin from the global brand. The
   forest tone is used as text/accent colour here, never as a
   full-page background. Applied via [data-brand="verde"] on <body>. */
[data-brand="verde"] {
  --paper:      #F7F0E1;   /* warm ivory       */
  --paper-lift: #FFFBF1;
  --paper-sink: #EFE5D1;
  --paper-warm: #F4E8D3;
  --ink:        #12301F;   /* deep forest      */
  --ink-2:      #35513E;
  --ink-3:      #6F8676;
  --verde:      #2F7D45;
  --verde-deep: #1B5530;
  --sage:       #D3E2C4;   /* sage             */
  --clay:       #D89A62;   /* natural wood     */
  --clay-deep:  #A96A38;
  --ember:      #BE5630;   /* terracotta       */
  --ember-deep: #8E3A1B;
  --paper-rgb:  247, 240, 225;
  --ink-rgb:    18, 48, 31;
  --rule:       rgba(var(--ink-rgb), 0.14);
  --rule-soft:  rgba(var(--ink-rgb), 0.07);
}