/* ═══════════════════════════════════════════════
   AURA PATH DESIGN SYSTEM v1
   Brand colour tokens + shared utilities.
   Edit this file to update the site globally.
   Do not hardcode values — use these variables.
   ═══════════════════════════════════════════════ */

:root {
  /* Brand colours (from brand-identity.md) */
  --coconut:   #F7F3EC;  /* Background base. Never cold white. */
  --sand:      #C4A882;  /* Secondary bg, separators */
  --copper:    #B5651D;  /* Primary accent. CTAs. What matters. */
  --copper-d:  #9A5518;  /* Copper hover / active */
  --forest:    #2D4A35;  /* Hero bg, strong contrast */
  --carbon:    #1E1B17;  /* All text. Never pure black. */
  --gold:      #9A7B4B;  /* Details, muted text, icons */

  /* Typography */
  --font: 'Inter', -apple-system, sans-serif;

  /* Spacing (8px base) */
  --s1: 4px;
  --s2: 8px;
  --s3: 16px;
  --s4: 24px;
  --s5: 32px;
  --s6: 48px;
  --s7: 64px;
  --s8: 80px;

  /* Radius */
  --r-sm:  6px;
  --r-md:  10px;
  --r-lg:  16px;
  --r-xl:  24px;

  /* Transitions */
  --fast:   0.15s ease;
  --base:   0.25s ease;
  --slow:   0.4s ease;
  --spring: cubic-bezier(0.16, 1, 0.3, 1);
}