/* Theme token blocks. Base layout lives in app.css and references only tokens. */

[data-theme="cobalt"] {
  --bg: #FFFFFF;
  --surface: #F6F7F9;
  --card-bg: rgba(255, 255, 255, 0.72);
  --border: rgba(12, 18, 38, 0.10);

  --accent: #1A4FE0;
  --accent-2: #143BBA;
  --accent-3: #1F9D55;
  --on-accent: #FFFFFF;

  --text: #0B0B12;
  --muted: #61656F;

  --font-display: 'Bricolage Grotesque', sans-serif;
  --font-body: 'Hanken Grotesk', sans-serif;
  --display-weight: 800;
  --display-style: normal;
  --display-tracking: -0.05em;
  --body-weight: 400;

  --radius: 8px;
  --radius-lg: 16px;

  --shadow: 0 1px 2px rgba(12,18,38,0.04), 0 8px 24px rgba(12,18,38,0.05);
  --shadow-lg: 0 8px 30px rgba(12,18,38,0.14);
  --cursor-blend: normal;
  --grid-color: rgba(26,79,224,0.045);
  --grid-mask: radial-gradient(ellipse 90% 70% at 50% 0%, #000 30%, transparent 75%);
  --orb-1: rgba(26,79,224,0.07);
  --orb-2: rgba(91,134,245,0.06);
  --orb-3: rgba(26,79,224,0.045);

  --icon-1: #1A4FE0;
  --icon-2: #5B86F5;
  --icon-muted: #9DB2E8;

  --ring-color: rgba(26,79,224,0.4);
  --ring-hover-color: rgba(26,79,224,0.8);
}

[data-theme="luxury-dark"] {
  --bg: #0D0B07;
  --surface: #161410;
  --card-bg: rgba(18, 15, 8, 0.75);
  --border: rgba(201, 168, 76, 0.14);

  --accent: #C9A84C;
  --accent-2: #E8C87A;
  --accent-3: #C9A84C;
  --on-accent: #0D0B07;

  --text: #F5ECD7;
  --muted: rgba(245, 236, 215, 0.42);

  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Jost', sans-serif;
  --display-weight: 700;
  --display-style: italic;
  --display-tracking: -0.01em;
  --body-weight: 300;

  --radius: 0px;
  --radius-lg: 0px;

  --shadow: none;
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.4);
  --cursor-blend: screen;
  --grid-color: rgba(201,168,76,0.032);
  --grid-mask: none;
  --orb-1: rgba(201,168,76,0.1);
  --orb-2: rgba(180,130,40,0.07);
  --orb-3: rgba(232,200,122,0.06);

  --icon-1: #C9A84C;
  --icon-2: #E8C87A;
  --icon-muted: #8B6F30;

  --ring-color: rgba(201,168,76,0.45);
  --ring-hover-color: rgba(201,168,76,0.85);
}

[data-theme="cyber-blue"] {
  --bg: #050810;
  --surface: #0b1120;
  --card-bg: rgba(15, 23, 42, 0.7);
  --border: rgba(56, 189, 248, 0.12);

  --accent: #38bdf8;
  --accent-2: #818cf8;
  --accent-3: #34d399;
  --on-accent: #050810;

  --text: #e2e8f0;
  --muted: #64748b;

  --font-display: 'Syne', sans-serif;
  --font-body: 'DM Mono', monospace;
  --display-weight: 800;
  --display-style: normal;
  --display-tracking: -0.04em;
  --body-weight: 400;

  --radius: 0px;
  --radius-lg: 0px;

  --shadow: none;
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.35);
  --cursor-blend: screen;
  --grid-color: rgba(56,189,248,0.04);
  --grid-mask: none;
  --orb-1: rgba(56,189,248,0.13);
  --orb-2: rgba(129,140,248,0.1);
  --orb-3: rgba(52,211,153,0.08);

  --icon-1: #38bdf8;
  --icon-2: #818cf8;
  --icon-muted: #38bdf8;

  --ring-color: rgba(56,189,248,0.5);
  --ring-hover-color: rgba(56,189,248,0.8);
}

[data-theme="synthwave"] {
  --bg: #160C2E;
  --surface: #1E1240;
  --card-bg: rgba(30, 18, 64, 0.7);
  --border: rgba(255, 77, 166, 0.22);

  --accent: #FF4DA6;
  --accent-2: #FF9D5C;
  --accent-3: #2DE2E6;
  --on-accent: #160C2E;

  --text: #FFFFFF;
  --muted: rgba(255, 255, 255, 0.6);

  --font-display: 'Orbitron', sans-serif;
  --font-body: 'Chakra Petch', sans-serif;
  --display-weight: 800;
  --display-style: normal;
  --display-tracking: -0.02em;
  --body-weight: 400;

  --radius: 2px;
  --radius-lg: 4px;

  --shadow: 0 0 24px rgba(255,77,166,0.25);
  --shadow-lg: 0 0 40px rgba(255,77,166,0.3);
  --cursor-blend: screen;
  --grid-color: rgba(255,77,166,0.12);
  --grid-mask: radial-gradient(ellipse 100% 80% at 50% 100%, #000 20%, transparent 80%);
  --orb-1: rgba(255,77,166,0.16);
  --orb-2: rgba(255,157,92,0.12);
  --orb-3: rgba(45,226,230,0.1);

  --icon-1: #FF4DA6;
  --icon-2: #2DE2E6;
  --icon-muted: rgba(255,77,166,0.5);

  --ring-color: rgba(45,226,230,0.5);
  --ring-hover-color: rgba(255,77,166,0.9);
}

[data-theme="art-deco"] {
  --bg: #06231C;
  --surface: #0A2E25;
  --card-bg: rgba(10, 46, 37, 0.7);
  --border: rgba(212, 175, 110, 0.3);

  --accent: #D4AF6E;
  --accent-2: #E8D2A0;
  --accent-3: #D4AF6E;
  --on-accent: #06231C;

  --text: #F3EBD8;
  --muted: rgba(243, 235, 216, 0.6);

  --font-display: 'Marcellus SC', serif;
  --font-body: 'Jost', sans-serif;
  --display-weight: 400;
  --display-style: normal;
  --display-tracking: 0.04em;
  --body-weight: 400;

  --radius: 0px;
  --radius-lg: 0px;

  --shadow: none;
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.4);
  --cursor-blend: screen;
  --grid-color: rgba(212,175,110,0.04);
  --grid-mask: none;
  --orb-1: rgba(212,175,110,0.08);
  --orb-2: rgba(212,175,110,0.05);
  --orb-3: rgba(212,175,110,0.06);

  --icon-1: #D4AF6E;
  --icon-2: #E8D2A0;
  --icon-muted: rgba(212,175,110,0.5);

  --ring-color: rgba(212,175,110,0.4);
  --ring-hover-color: rgba(212,175,110,0.85);
}

[data-theme="editorial"] {
  --bg: #FAF7F2;
  --surface: #F2ECE1;
  --card-bg: rgba(255, 255, 255, 0.7);
  --border: rgba(26, 16, 8, 0.12);

  --accent: #C2541A;
  --accent-2: #9A3F12;
  --accent-3: #7A6250;
  --on-accent: #FAF7F2;

  --text: #1A1008;
  --muted: #7A6250;

  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Hanken Grotesk', sans-serif;
  --display-weight: 600;
  --display-style: italic;
  --display-tracking: -0.02em;
  --body-weight: 400;

  --radius: 4px;
  --radius-lg: 8px;

  --shadow: 0 1px 2px rgba(26,16,8,0.05), 0 8px 24px rgba(26,16,8,0.06);
  --shadow-lg: 0 8px 30px rgba(26,16,8,0.12);
  --cursor-blend: normal;
  --grid-color: rgba(194,84,26,0.04);
  --grid-mask: radial-gradient(ellipse 90% 70% at 50% 0%, #000 30%, transparent 75%);
  --orb-1: rgba(194,84,26,0.06);
  --orb-2: rgba(154,123,90,0.05);
  --orb-3: rgba(194,84,26,0.04);

  --icon-1: #C2541A;
  --icon-2: #9A3F12;
  --icon-muted: #BCA99A;

  --ring-color: rgba(194,84,26,0.4);
  --ring-hover-color: rgba(194,84,26,0.8);
}

[data-theme="sage"] {
  --bg: #F4F5F0;
  --surface: #EAEDE3;
  --card-bg: rgba(255, 255, 255, 0.72);
  --border: rgba(28, 43, 26, 0.12);

  --accent: #3D6B36;
  --accent-2: #2C5026;
  --accent-3: #5A7F53;
  --on-accent: #F4F5F0;

  --text: #1C2B1A;
  --muted: #5C6B55;

  --font-display: 'Schibsted Grotesk', sans-serif;
  --font-body: 'Hanken Grotesk', sans-serif;
  --display-weight: 800;
  --display-style: normal;
  --display-tracking: -0.03em;
  --body-weight: 400;

  --radius: 8px;
  --radius-lg: 14px;

  --shadow: 0 1px 2px rgba(28,43,26,0.05), 0 8px 24px rgba(28,43,26,0.05);
  --shadow-lg: 0 8px 30px rgba(28,43,26,0.10);
  --cursor-blend: normal;
  --grid-color: rgba(61,107,54,0.04);
  --grid-mask: radial-gradient(ellipse 90% 70% at 50% 0%, #000 30%, transparent 75%);
  --orb-1: rgba(61,107,54,0.06);
  --orb-2: rgba(90,127,83,0.05);
  --orb-3: rgba(61,107,54,0.04);

  --icon-1: #3D6B36;
  --icon-2: #5A7F53;
  --icon-muted: #A5B09B;

  --ring-color: rgba(61,107,54,0.4);
  --ring-hover-color: rgba(61,107,54,0.8);
}

[data-theme="terminal-green"] {
  --bg: #07120B;
  --surface: #0C1A12;
  --card-bg: rgba(7, 18, 11, 0.72);
  --border: rgba(74, 222, 128, 0.16);

  --accent: #4ADE80;
  --accent-2: #A7F3D0;
  --accent-3: #34D399;
  --on-accent: #07120B;

  --text: #D1FAE5;
  --muted: rgba(209, 250, 229, 0.45);

  --font-display: 'JetBrains Mono', monospace;
  --font-body: 'JetBrains Mono', monospace;
  --display-weight: 800;
  --display-style: normal;
  --display-tracking: -0.02em;
  --body-weight: 400;

  --radius: 2px;
  --radius-lg: 4px;

  --shadow: none;
  --shadow-lg: 0 0 30px rgba(74,222,128,0.18);
  --cursor-blend: screen;
  --grid-color: rgba(74,222,128,0.05);
  --grid-mask: none;
  --orb-1: rgba(74,222,128,0.12);
  --orb-2: rgba(52,211,153,0.09);
  --orb-3: rgba(167,243,208,0.07);

  --icon-1: #4ADE80;
  --icon-2: #A7F3D0;
  --icon-muted: rgba(74,222,128,0.45);

  --ring-color: rgba(74,222,128,0.5);
  --ring-hover-color: rgba(74,222,128,0.9);
}

[data-theme="crimson-noir"] {
  --bg: #140609;
  --surface: #1E0A0F;
  --card-bg: rgba(20, 6, 9, 0.72);
  --border: rgba(244, 63, 94, 0.16);

  --accent: #F43F5E;
  --accent-2: #FB7185;
  --accent-3: #F43F5E;
  --on-accent: #140609;

  --text: #F5E6EA;
  --muted: rgba(245, 230, 234, 0.45);

  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Hanken Grotesk', sans-serif;
  --display-weight: 700;
  --display-style: italic;
  --display-tracking: -0.01em;
  --body-weight: 400;

  --radius: 0px;
  --radius-lg: 0px;

  --shadow: none;
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.45);
  --cursor-blend: screen;
  --grid-color: rgba(244,63,94,0.04);
  --grid-mask: none;
  --orb-1: rgba(244,63,94,0.12);
  --orb-2: rgba(251,113,133,0.09);
  --orb-3: rgba(244,63,94,0.07);

  --icon-1: #F43F5E;
  --icon-2: #FB7185;
  --icon-muted: rgba(244,63,94,0.5);

  --ring-color: rgba(244,63,94,0.5);
  --ring-hover-color: rgba(244,63,94,0.9);
}

[data-theme="copper-dusk"] {
  --bg: #1A1210;
  --surface: #241A16;
  --card-bg: rgba(26, 18, 16, 0.72);
  --border: rgba(217, 142, 90, 0.16);

  --accent: #D98E5A;
  --accent-2: #E8B488;
  --accent-3: #B5703F;
  --on-accent: #1A1210;

  --text: #F0E4D8;
  --muted: rgba(240, 228, 216, 0.45);

  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Jost', sans-serif;
  --display-weight: 600;
  --display-style: italic;
  --display-tracking: -0.01em;
  --body-weight: 300;

  --radius: 2px;
  --radius-lg: 4px;

  --shadow: none;
  --shadow-lg: 0 8px 30px rgba(0,0,0,0.4);
  --cursor-blend: screen;
  --grid-color: rgba(217,142,90,0.045);
  --grid-mask: none;
  --orb-1: rgba(217,142,90,0.12);
  --orb-2: rgba(232,180,136,0.09);
  --orb-3: rgba(181,112,63,0.07);

  --icon-1: #D98E5A;
  --icon-2: #E8B488;
  --icon-muted: rgba(217,142,90,0.5);

  --ring-color: rgba(217,142,90,0.5);
  --ring-hover-color: rgba(217,142,90,0.9);
}

[data-theme="royal-violet"] {
  --bg: #0E0B1A;
  --surface: #161227;
  --card-bg: rgba(14, 11, 26, 0.72);
  --border: rgba(167, 139, 250, 0.16);

  --accent: #A78BFA;
  --accent-2: #C4B5FD;
  --accent-3: #818CF8;
  --on-accent: #0E0B1A;

  --text: #ECE9F7;
  --muted: rgba(236, 233, 247, 0.45);

  --font-display: 'Sora', sans-serif;
  --font-body: 'Hanken Grotesk', sans-serif;
  --display-weight: 800;
  --display-style: normal;
  --display-tracking: -0.03em;
  --body-weight: 400;

  --radius: 10px;
  --radius-lg: 16px;

  --shadow: 0 1px 2px rgba(0,0,0,0.3);
  --shadow-lg: 0 0 36px rgba(167,139,250,0.2);
  --cursor-blend: screen;
  --grid-color: rgba(167,139,250,0.05);
  --grid-mask: none;
  --orb-1: rgba(167,139,250,0.14);
  --orb-2: rgba(196,181,253,0.1);
  --orb-3: rgba(129,140,248,0.08);

  --icon-1: #A78BFA;
  --icon-2: #C4B5FD;
  --icon-muted: rgba(167,139,250,0.5);

  --ring-color: rgba(167,139,250,0.5);
  --ring-hover-color: rgba(167,139,250,0.9);
}

[data-theme="nordic-frost"] {
  --bg: #EEF2F6;
  --surface: #E2E9F0;
  --card-bg: rgba(255, 255, 255, 0.72);
  --border: rgba(27, 42, 61, 0.12);

  --accent: #3F6090;
  --accent-2: #2C476E;
  --accent-3: #5E7CA6;
  --on-accent: #F4F7FA;

  --text: #1B2A3D;
  --muted: #5A6B80;

  --font-display: 'Schibsted Grotesk', sans-serif;
  --font-body: 'Hanken Grotesk', sans-serif;
  --display-weight: 800;
  --display-style: normal;
  --display-tracking: -0.03em;
  --body-weight: 400;

  --radius: 8px;
  --radius-lg: 14px;

  --shadow: 0 1px 2px rgba(27,42,61,0.05), 0 8px 24px rgba(27,42,61,0.06);
  --shadow-lg: 0 8px 30px rgba(27,42,61,0.12);
  --cursor-blend: normal;
  --grid-color: rgba(63,96,144,0.05);
  --grid-mask: radial-gradient(ellipse 90% 70% at 50% 0%, #000 30%, transparent 75%);
  --orb-1: rgba(63,96,144,0.07);
  --orb-2: rgba(94,124,166,0.06);
  --orb-3: rgba(63,96,144,0.05);

  --icon-1: #3F6090;
  --icon-2: #5E7CA6;
  --icon-muted: #9DB0C6;

  --ring-color: rgba(63,96,144,0.4);
  --ring-hover-color: rgba(63,96,144,0.8);
}

[data-theme="rose"] {
  --bg: #FBF1F2;
  --surface: #F3E3E6;
  --card-bg: rgba(255, 255, 255, 0.72);
  --border: rgba(58, 23, 34, 0.12);

  --accent: #BE4B6E;
  --accent-2: #9D3A57;
  --accent-3: #C97E94;
  --on-accent: #FBF1F3;

  --text: #3A1722;
  --muted: #8A6470;

  --font-display: 'Fraunces', Georgia, serif;
  --font-body: 'Hanken Grotesk', sans-serif;
  --display-weight: 600;
  --display-style: italic;
  --display-tracking: -0.02em;
  --body-weight: 400;

  --radius: 6px;
  --radius-lg: 12px;

  --shadow: 0 1px 2px rgba(58,23,34,0.05), 0 8px 24px rgba(58,23,34,0.06);
  --shadow-lg: 0 8px 30px rgba(58,23,34,0.12);
  --cursor-blend: normal;
  --grid-color: rgba(190,75,110,0.04);
  --grid-mask: radial-gradient(ellipse 90% 70% at 50% 0%, #000 30%, transparent 75%);
  --orb-1: rgba(190,75,110,0.06);
  --orb-2: rgba(201,126,148,0.05);
  --orb-3: rgba(190,75,110,0.04);

  --icon-1: #BE4B6E;
  --icon-2: #9D3A57;
  --icon-muted: #C9A8B2;

  --ring-color: rgba(190,75,110,0.4);
  --ring-hover-color: rgba(190,75,110,0.8);
}