/* ═══════════════════════════════════════════════════
   AURORA VIDAL — Design Tokens (variables.css)
   Single source of truth. All other CSS files use these.
═══════════════════════════════════════════════════ */
:root {
  /* ── Color ── */
  --bg:     #F7F7F7;
  --text:   #171717;
  --muted:  #6F6D68;
  --border: #E0DFDC;

  /* ── Typography ── */
  --font-sans:       'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
  --font-size-base:  14px;
  --line-height:     1.7;

  /* ── Spacing ── */
  --space-xs:  8px;
  --space-sm:  16px;
  --space-md:  28px;
  --space-lg:  48px;
  --space-xl:  72px;
  --space-xxl: 100px;

  /* ── Layout ── */
  --nav-height:   88px;
  --page-margin:  60px;
  --mosaic-gap:   3px;
  --col-gap:      60px;

  /* ── Transitions ── */
  --transition-fast: .2s ease;
  --transition-mid:  .32s ease;
  --transition-slow: .5s ease;
}

/* Responsive overrides */
@media (max-width: 768px) {
  :root {
    --page-margin: 24px;
    --nav-height:  72px;
    --col-gap:     32px;
  }
}