:root {
  /* ── Palette ── */
  --c-bg:          #0a0a0a;
  --c-text:        rgba(242, 244, 248, 0.95);
  --c-text-mid:    rgba(242, 244, 248, 0.55);
  --c-text-faint:  rgba(242, 244, 248, 0.25);
  --c-border:      rgba(242, 244, 248, 0.08);
  --c-border-soft: rgba(242, 244, 248, 0.05);
  --c-surface:     rgba(242, 244, 248, 0.03);
  --c-surface-2:   rgba(242, 244, 248, 0.06);

  /* ── Type ── */
  --f-display: 'Fraunces', Georgia, serif;
  --f-body:    'Inter', system-ui, -apple-system, sans-serif;

  /* ── Spacing (8-pt grid) ── */
  --sp-2:  0.5rem;
  --sp-3:  0.75rem;
  --sp-4:  1rem;
  --sp-6:  1.5rem;
  --sp-8:  2rem;
  --sp-12: 3rem;
  --sp-16: 4rem;
  --sp-24: 6rem;
  --sp-32: 8rem;

  /* ── Layout ── */
  --max-w:   1200px;
  --header-h: 72px;
  --pad-x:    clamp(1.25rem, 5vw, 3rem);

  /* ── Silver palette (premium accent) ── */
  --silver-1:  #f5f5f7;     /* highlight */
  --silver-2:  #d8d8dd;     /* mid */
  --silver-3:  #9a9aa3;     /* shadow */
  --silver-4:  #5a5a62;     /* deep accent */

  /* ── Easing ── */
  --ease-expo:  cubic-bezier(0.19, 1, 0.22, 1);
  --ease-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-sine:  cubic-bezier(0.45, 0, 0.55, 1);

  /* ── Transitions ── */
  --t-fast: 180ms var(--ease-quart);
  --t-base: 380ms var(--ease-expo);
  --t-slow: 650ms var(--ease-expo);
}