/* ══════════════════════════════════════
   DESIGN TOKENS — BLURITHM
   Canonical set from home/legal pages.
   About/coming-soon aliases at bottom.
══════════════════════════════════════ */
:root {
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out: cubic-bezier(0.33, 1, 0.68, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur: 0.35s;
}

[data-theme="dark"] {
  --bg:           #0B0F14;
  --bg-deep:      #070A0E;
  --bg-raised:    #111318;
  --bg-card:      #15171E;
  --bg-card-hover:#1A1D26;
  --surface:      rgba(17,24,32,0.65);
  --surface2:     rgba(26,34,48,0.70);
  --surface-hov:  rgba(26,34,48,0.85);
  --border:       rgba(212,136,74,0.08);
  --border-hi:    rgba(212,136,74,0.18);
  --text:         #F0EDE8;
  --text2:        rgba(240,237,232,0.55);
  --text3:        rgba(240,237,232,0.30);
  --nav-bg:       rgba(11,15,20,0.82);

  --amber:        #D4884A;
  --amber-dim:    rgba(212,136,74,0.10);
  --amber-border: rgba(212,136,74,0.22);
  --amber-glow:   rgba(212,136,74,0.18);

  --teal:         #5A9AB5;
  --teal-dim:     rgba(90,154,181,0.08);
  --teal-border:  rgba(90,154,181,0.18);

  --red:          #C86A6A;
  --red-dim:      rgba(200,106,106,0.10);

  --green:        #68B88A;
  --green-dim:    rgba(104,184,138,0.10);

  --mesh-a: rgba(212,136,74,0.07);
  --mesh-b: rgba(90,154,181,0.06);
  --mesh-c: rgba(99,102,241,0.05);
  --mesh-d: rgba(212,136,74,0.04);

  --shadow: 0 24px 48px rgba(0,0,0,0.5);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg: 0 12px 40px rgba(0,0,0,0.6);
  --shadow-glow: 0 4px 24px rgba(212,136,74,0.08);
  --card-shadow: 0 4px 24px rgba(0,0,0,0.35);

  --glass-bg: rgba(17,24,32,0.55);
  --glass-border: rgba(212,136,74,0.10);
  --glass-hover: rgba(212,136,74,0.25);
  --glass-hover-border: rgba(255,255,255,0.10);
  --glass-shine: rgba(212,136,74,0.06);
  --glass-highlight: linear-gradient(160deg, rgba(255,255,255,0.04), transparent 50%);
  --glass-shadow: 0 16px 40px rgba(0,0,0,0.25), 0 0 0 1px rgba(255,255,255,0.04) inset;
  --grid-color: rgba(212,136,74,0.04);
  --section-alt: rgba(8,12,18,0.90);
  --section-alt-border: rgba(212,136,74,0.15);
  --gradient-subtle: linear-gradient(180deg, rgba(212,136,74,0.03) 0%, transparent 60%);
}

[data-theme="light"] {
  --bg:           #F6F4F0;
  --bg-deep:      #EDEAE4;
  --bg-raised:    #FFFFFF;
  --bg-card:      #FFFFFF;
  --bg-card-hover:#F8F6F3;
  --surface:      rgba(255,255,255,0.80);
  --surface2:     rgba(255,255,255,0.95);
  --surface-hov:  rgba(255,255,255,1);
  --border:       rgba(212,136,74,0.12);
  --border-hi:    rgba(212,136,74,0.25);
  --text:         #1A1A1A;
  --text2:        rgba(26,26,26,0.55);
  --text3:        rgba(26,26,26,0.35);
  --nav-bg:       rgba(246,244,240,0.88);

  --amber:        #B5692E;
  --amber-dim:    rgba(181,105,46,0.08);
  --amber-border: rgba(181,105,46,0.20);
  --amber-glow:   rgba(181,105,46,0.12);

  --teal:         #3D7A95;
  --teal-dim:     rgba(61,122,149,0.08);
  --teal-border:  rgba(61,122,149,0.16);

  --red:          #B0584E;
  --red-dim:      rgba(176,88,78,0.08);

  --green:        #5A9A6E;
  --green-dim:    rgba(56,140,100,0.08);

  --mesh-a: rgba(181,105,46,0.08);
  --mesh-b: rgba(61,122,149,0.06);
  --mesh-c: rgba(99,102,241,0.05);
  --mesh-d: rgba(181,105,46,0.04);

  --shadow: 0 12px 32px rgba(0,0,0,0.08);
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.04);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.06);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.08);
  --shadow-glow: 0 4px 24px rgba(181,105,46,0.06);
  --card-shadow: 0 4px 16px rgba(0,0,0,0.06);

  --glass-bg: rgba(255,255,255,0.65);
  --glass-border: rgba(212,136,74,0.14);
  --glass-hover: rgba(212,136,74,0.30);
  --glass-hover-border: rgba(0,0,0,0.10);
  --glass-shine: rgba(212,136,74,0.08);
  --glass-highlight: linear-gradient(160deg, rgba(255,255,255,0.8), transparent 50%);
  --glass-shadow: 0 16px 40px rgba(0,0,0,0.06);
  --grid-color: rgba(181,105,46,0.06);
  --section-alt: rgba(225,220,212,0.80);
  --section-alt-border: rgba(181,105,46,0.18);
  --gradient-subtle: linear-gradient(180deg, rgba(181,105,46,0.03) 0%, transparent 60%);
}

/* ── Aliases for about/coming-soon token names ── */
:root {
  --accent:        var(--amber);
  --accent2:       var(--amber-glow);
  --accent-dim:    var(--amber-dim);
  --accent-border: var(--amber-border);
  --accent-glow:   var(--amber-glow);
  --border-accent: var(--amber-border);
}