/* ============================================================
   THE GLASS MELBOURNE — Design Tokens (Dark Edition)
   ============================================================ */

:root {
  /* FOUNDATION — near-black base */
  --paper:           #0D0F11;
  --paper-cool:      #161A1D;
  --paper-2:         #1E2226;
  --ink:             #F7F5F0;
  --ink-2:           #E8E5DE;
  --slate:           #C8C4BC;
  --hairline:        rgba(255,255,255,0.07);
  --hairline-strong: rgba(255,255,255,0.13);

  /* GLASS — white-on-dark */
  --glass:           rgba(255,255,255,0.90);
  --glass-deep:      #FFFFFF;
  --glass-tint:      rgba(13,15,17,0.65);
  --glass-line:      rgba(255,255,255,0.15);

  /* NAV FROST */
  --nav-bg:          rgba(13,15,17,0.80);

  /* TYPOGRAPHY */
  --font-display: 'Fraunces', Georgia, serif;
  --font-ui:      'Inter', system-ui, sans-serif;

  /* FLUID TYPE SCALE */
  --step--1: clamp(0.80rem, 0.77rem + 0.15vw, 0.88rem);
  --step-0:  clamp(1.00rem, 0.96rem + 0.20vw, 1.13rem);
  --step-1:  clamp(1.20rem, 1.10rem + 0.50vw, 1.50rem);
  --step-2:  clamp(1.50rem, 1.30rem + 1.00vw, 2.00rem);
  --step-3:  clamp(1.90rem, 1.50rem + 2.00vw, 2.75rem);
  --step-4:  clamp(1.85rem, 1.30rem + 3.00vw, 3.50rem);
  --step-5:  clamp(2.10rem, 1.40rem + 4.00vw, 4.50rem);

  /* SPACING */
  --space-1:4px; --space-2:8px; --space-3:12px;
  --space-4:16px; --space-5:24px; --space-6:32px;
  --space-7:48px; --space-8:64px; --space-9:96px;

  /* LAYOUT */
  --container:    1280px;
  --measure:      68ch;
  --measure-wide: 1080px;
  --gutter:       clamp(16px, 4vw, 48px);
  --nav-height:   64px;
  --nav-shrunk:   48px;

  /* RADII + MOTION */
  --radius-sm: 4px;
  --radius-md: 8px;
  --ease:      cubic-bezier(0.2, 0.6, 0.2, 1);
  --dur:       200ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --dur: 1ms; }
}