/* ═══════════════════════════════════════════════════════
   TOKENS — Oasis Change · "Grove" design language
   A living forest at dusk: deep greens, moss and earth,
   soft sky blues, warm sunlight. Premium, tangible, organic.
   Depth comes from material and shadow — never from glow.
   Old token names are kept (re-valued) so every page shifts together.
   ═══════════════════════════════════════════════════════ */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600&family=Instrument+Serif:ital@0;1&display=swap');

:root {
  /* ── Depth Scale (deep forest floor → raised surfaces) ── */
  --void:        #0a100c;   /* deepest ground behind everything */
  --abyss:       #0d140f;   /* page base */
  --deep:        #111a13;   /* section base */
  --charcoal:    #152018;   /* raised base */
  --surface:     #1a271e;   /* highest opaque surface */

  /* ── Legacy names, re-valued (site-wide shift) ── */
  --forest:      #0d140f;
  --canopy:      #111a13;
  --moss:        #152018;
  --leaf:        #23342a;
  --soil:        #080d0a;
  --fern:        #3e9e77;
  --sage:        #58b98d;
  --mint:        #6ecfa0;
  --dew:         #a9dcc3;
  --mist:        #dceee2;
  --gold:        #e3b978;
  --amber:       #c99a55;
  --bark:        #8a7148;
  --cream:       #f3f1e9;
  --cream-warm:  #ece8db;
  --sky:         #7ab8d9;
  --ocean:       #16303c;
  --horizon:     #a9c4bc;

  /* ── New accents (muted, natural) ── */
  --teal:        #4fae9e;
  --cyan:        #7ab8d9;
  --aurora:      #8fa8c9;
  --violet:      #a39ac2;

  /* ── Text ── */
  --ink:         #f3f1e9;
  --text-2:      rgba(243, 241, 233, .64);
  --text-3:      rgba(243, 241, 233, .42);
  --text-4:      rgba(243, 241, 233, .28);

  /* ── Glass & Shadow ──
     The old glow tokens now hold soft, dark, green-tinted
     shadow colors: every former halo reads as depth instead. */
  --glass:           rgba(255, 255, 255, 0.05);
  --glass-border:    rgba(255, 255, 255, 0.08);
  --glass-hover:     rgba(255, 255, 255, 0.09);
  --glass-edge:      rgba(255, 255, 255, 0.13);  /* top-light hairline */
  --glow-green:      rgba(6, 14, 9, .55);
  --glow-mint:       rgba(6, 14, 9, .45);
  --glow-gold:       rgba(20, 15, 6, .4);
  --glow-cyan:       rgba(8, 14, 18, .45);
  --glow-aurora:     rgba(10, 13, 19, .45);

  /* ── Typography ── */
  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body:    'Inter', system-ui, sans-serif;
  --font-accent:  'Instrument Serif', Georgia, serif;

  /* ── Radii ── */
  --radius:    18px;
  --radius-sm: 12px;
  --radius-lg: 26px;

  /* ── Easing (motion decelerates like drifting matter) ── */
  --ease-out:     cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth:  cubic-bezier(0.4, 0, 0.2, 1);
  --ease-organic: cubic-bezier(0.33, 0.85, 0.3, 1);

  /* ── Heartbeat (written continuously by js/oasis-alive.js) ──
     --breath  0..1 slow inhale/exhale (~7s organic)
     --pulse   0..1 faster shimmer
     --drift-x/--drift-y  slow ambient wander in px */
  --breath: 0.5;
  --pulse: 0.5;
  --drift-x: 0px;
  --drift-y: 0px;

  /* ── Dynamic Cursor ── */
  --mouse-x: 50%;
  --mouse-y: 50%;
}