/* Design tokens — custom properties */
    :root{
      /* Geometry */
      --radius-card:8px;
      --radius-control:6px;

      /* Typography */
      --font-display:"Geist",system-ui,-apple-system,sans-serif;
      --font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;

      /* 4-tier opacity text hierarchy (Linear/Cursor pattern) */
      --text-primary:rgba(238,244,252,0.95);
      --text-secondary:rgba(238,244,252,0.72);
      --text-tertiary:rgba(238,244,252,0.48);
      --text-quaternary:rgba(238,244,252,0.30);

      /* Warm dark background (Cursor pattern — not pure black) */
      --bg-warm:#0c0f16;
      --surface-warm:#11151f;

      /* Glass system */
      --glass-blur:20px;
      --glass-saturate:180%;
      --glass-tint:rgba(12,15,22,0.55);
      --glass-border:rgba(255,255,255,0.08);
      --glass-specular:inset 0 1px 1px rgba(255,255,255,0.28);
      --glass-rim:inset 0 -1px 1px rgba(255,255,255,0.06);
      --glass-drop:0 8px 32px rgba(0,0,0,0.20);

      /* Card borders */
      --card-border:rgba(255,255,255,0.05);
      --card-border-hover:rgba(157,193,255,0.22);

      /* Spring motion (Apple HIG-inspired cubic-bezier approximations) */
      --ease-card-enter:cubic-bezier(0.34,1.56,0.64,1);
      --ease-card-exit:cubic-bezier(0.16,1,0.3,1);
      --ease-hover:cubic-bezier(0.22,1.2,0.36,1);
      --ease-modal:cubic-bezier(0.32,0.72,0,1);
      --dur-micro:150ms;
      --dur-fast:250ms;
      --dur-base:400ms;
    }