/* ============================================================
   Mycelial - Design tokens
   All CSS custom properties for color, type, spacing, durations.
   Import first; everything else depends on these.
   ============================================================ */

:root {
  --bg-deep: #0e0e10;
  --bg: var(--bg-deep);            /* page background - default to deep tone */
  --bg-deep-quiet: #08080a;        /* a notch deeper - offline state */
  --bg-warm: #2c1f15;
  --bg-cool: #1a2530;
  --fg: rgba(255, 255, 255, 0.86);
  --fg-muted: rgba(255, 255, 255, 0.55);
  --fg-faint: rgba(255, 255, 255, 0.35);
  --accent: rgba(255, 255, 255, 0.18);
  --spore: #8effb0; /* neon green accent — bioluminescent */
  --amber: #d9b787;
  --rule: rgba(255, 255, 255, 0.08);
  --serif: ui-serif, Georgia, "Iowan Old Style", "Apple Garamond", serif;
  --mono: ui-monospace, "SF Mono", Menlo, monospace;
  /* Temperature spectrum (Wave 1 proposal) */
  --temp-coolest:  #2b3340;
  --temp-cool:     #2f3a47;
  --temp-mid-cool: #3a3f47;
  --temp-mid:      #444241;
  --temp-mid-warm: #4d4035;
  --temp-warm:     #5a3e2c;
  --temp-warmest:  #6a3826;

  /* Spacing scale (6px atom) */
  --space-1: 6px;
  --space-2: 12px;
  --space-3: 18px;   /* row inner padding */
  --space-4: 24px;   /* item gap */
  --space-6: 36px;   /* section gap */
  --space-8: 48px;   /* header to feed */

  /* Layout */
  --col-feed:  38rem;
  --col-panel: 28rem;
  --chip-size: 1.5rem;

  /* Type ramp */
  --fs-display: 2.6rem;
  --fs-h1:      1.5rem;
  --fs-title:   1.05rem;
  --fs-body:    0.95rem;
  --fs-quiet:   0.9rem;
  --fs-meta:    0.62rem;
  --fs-system:  0.62rem;

  /* Animation tiers (see animations.css) */
  --dur-micro:   200ms;
  --dur-snap:    380ms;
  --dur-settle:  600ms;
  --dur-morph:   700ms;
  --dur-bloom:   5s;
  --dur-pulse:   4s;
  --dur-breath:  6s;
  --dur-page:    30s;

  --ease-anticipate: cubic-bezier(.55,.15,.25,1);
}