:root {
  /* Colors */
  --dark:    #06060B;
  --navy:    #0D1117;
  --graph:   #141920;
  --gold:    #F59E0B;
  --gold-lt: #FCD34D;
  --gold-dk: #D97706;
  --emerald: #10B981;
  --paytm:   #00BAF2;
  --crimson: #EF4444;

  /* Text */
  --txt:     rgba(255,255,255,0.95);
  --muted:   rgba(255,255,255,0.45);
  --faint:   rgba(255,255,255,0.16);

  /* Borders / glass */
  --bdr:     rgba(255,255,255,0.08);
  --bdr-gold: rgba(245,158,11,0.25);
  --glass:   rgba(255,255,255,0.035);
  --glass-gold: rgba(245,158,11,0.07);

  /* Fonts */
  --font-display: 'Syne', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  /* Spacing scale */
  --sp-xs:  4px;
  --sp-sm:  8px;
  --sp-md:  16px;
  --sp-lg:  24px;
  --sp-xl:  48px;
  --sp-2xl: 80px;
  --sp-3xl: 120px;

  /* Radius */
  --r-sm: 6px;
  --r-md: 10px;
  --r-lg: 18px;
  --r-xl: 24px;

  /* Motion */
  --ease-out:    cubic-bezier(0.23, 1, 0.32, 1);
  --ease-inout:  cubic-bezier(0.86, 0, 0.07, 1);
  --dur-fast:    0.2s;
  --dur-mid:     0.45s;
  --dur-slow:    0.8s;
}