/* ============================================================
   DESIGN TOKENS — Kelly's Portfolio
   Palette: Quiet Curiosity — refined
   ============================================================ */

:root {

  /* --- Colours --- */
  --bg:           #F6F3ED;   /* warm off-white                        */
  --surface:      #EDE8DE;   /* soft stone — cards, panels            */
  --surface-2:    #E2DBD0;   /* deeper stone — hover surfaces         */

  --terra:        #A85C3A;   /* terracotta — secondary accent         */
  --terra-soft:   #7A9E7E;   /* sage green — primary accent           */
  --terra-dim:    #8C4A2E;   /* deeper terracotta — hover             */

  --ink:          #2A2420;   /* warm charcoal                         */
  --ink-mid:      #4A3C35;   /* warm brown — body copy                */
  --ink-muted:    #8C7E76;   /* stone — captions, meta, footer        */

  --border:       rgba(42, 36, 32, 0.10);
  --border-soft:  rgba(42, 36, 32, 0.06);

  /* --- Typography --- */
  --font-display: 'Fraunces', Georgia, serif;
  --font-body:    'DM Sans', system-ui, sans-serif;

  /* --- Spacing --- */
  --s-1:   4px;  --s-2:   8px;  --s-3:  12px;
  --s-4:  16px;  --s-5:  24px;  --s-6:  32px;
  --s-7:  48px;  --s-8:  64px;  --s-9:  96px;
  --s-10: 128px;

  /* --- Radius --- */
  --r-sm: 4px; --r-md: 8px; --r-lg: 16px;
  --r-xl: 24px; --r-pill: 999px;

  /* --- Transitions --- */
  --ease:      0.3s ease;
  --ease-slow: 0.6s ease;

  /* --- Nav --- */
  --nav-h: 68px;
}