/* Vienne 7 "Aurora" design tokens — shared by landing (/) and app (/app). */
/* ---------- 1. tokens ---------- */
:root{
  color-scheme:dark;
  --bg:#0C0D18;
  --bg2:#10121F;
  --surface:#141628;
  --surface2:#1A1D32;
  --surface3:#22253D;
  --card:var(--surface);
  --card2:var(--surface2);
  --hover:#252945;
  --border:#252842;
  --border2:#33375A;
  --text:#EDEFFF;
  --text2:#B6BAD8;
  --text3:#7D82A8;
  --muted:var(--text3);
  --iris:#8B7CFF;
  --iris-ink:#0C0D18;
  --iris-soft:rgba(139,124,255,.14);
  --aqua:#5BE0E6;
  --aurora:linear-gradient(100deg,#8B7CFF 0%,#6FA8FF 48%,#5BE0E6 100%);
  --green:#3FE0A0;
  --green-soft:rgba(63,224,160,.12);
  --red:#FF6E86;
  --red-soft:rgba(255,110,134,.12);
  --amber:#FFC15E;
  --amber-soft:rgba(255,193,94,.13);
  --blue:#6FA8FF;
  --purple:var(--iris);
  --chart-grid:#262A45;
  --field:#0F1122;
  --glass:rgba(20,22,40,.72);
  --hi:inset 0 1px 0 rgba(255,255,255,.045);
  --shadow:0 30px 80px -20px rgba(3,4,14,.7);
  --shadow-pop:0 24px 60px -12px rgba(3,4,14,.75);
  --r-xl:22px;--r-lg:18px;--r-md:14px;--r-sm:10px;--r-xs:8px;--pill:999px;
  --radius:var(--r-lg);--radius-sm:var(--r-sm);
  --font:"Geist",Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:"Bricolage Grotesque","Geist",ui-sans-serif,system-ui,sans-serif;
  --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.2,.8,.2,1);
  --on-accent:#FFFFFF;
  --brand-a:#8B7CFF;--brand-b:#5BE0E6;
  /* app.js writes --accent/--primary inline; !important custom props win over that. */
  --accent:#8B7CFF!important;
  --primary:#8B7CFF!important;
}
html[data-theme="light"]{
  color-scheme:light;
  --bg:#F3F4FA;
  --bg2:#ECEEF8;
  --surface:#FFFFFF;
  --surface2:#F6F7FC;
  --surface3:#ECEEF8;
  --hover:#EEF0FA;
  --border:#E2E4F0;
  --border2:#CFD3E6;
  --text:#12142A;
  --text2:#44486A;
  --text3:#767B9E;
  --iris:#5A48E8;
  --iris-ink:#FFFFFF;
  --iris-soft:rgba(90,72,232,.09);
  --aqua:#0E9FA8;
  --aurora:linear-gradient(100deg,#5A48E8 0%,#3D7BEA 50%,#0E9FA8 100%);
  --green:#0C9A6A;
  --green-soft:rgba(12,154,106,.10);
  --red:#D7395A;
  --red-soft:rgba(215,57,90,.09);
  --amber:#B87206;
  --amber-soft:rgba(184,114,6,.10);
  --blue:#3D7BEA;
  --chart-grid:#E6E8F3;
  --field:#FFFFFF;
  --glass:rgba(255,255,255,.78);
  --hi:inset 0 1px 0 rgba(255,255,255,.9);
  --shadow:0 30px 70px -28px rgba(30,34,80,.28);
  --shadow-pop:0 24px 60px -18px rgba(30,34,80,.30);
  --accent:#5A48E8!important;
  --primary:#5A48E8!important;
}


/* ---------- v7.2 themes ---------- */
/* Minimalist: true OLED black, no glow, monochrome accent. */
html[data-theme="oled"]{
  color-scheme:dark;
  --bg:#000000;--bg2:#000000;
  --surface:#0A0A0A;--surface2:#101010;--surface3:#181818;
  --hover:#1A1A1A;--border:#1C1C1C;--border2:#2C2C2C;
  --text:#F5F5F5;--text2:#A8A8A8;--text3:#6E6E6E;
  --iris:#F5F5F5;--iris-ink:#000000;--iris-soft:rgba(255,255,255,.08);
  --aqua:#BDBDBD;
  --aurora:linear-gradient(100deg,#FFFFFF 0%,#BDBDBD 100%);
  --green:#4ADE80;--green-soft:rgba(74,222,128,.10);
  --red:#F87171;--red-soft:rgba(248,113,113,.10);
  --amber:#FBBF24;--amber-soft:rgba(251,191,36,.10);
  --blue:#CFCFCF;
  --chart-grid:#1A1A1A;--field:#050505;
  --glass:rgba(0,0,0,.78);
  --hi:none;
  --shadow:0 30px 80px -20px rgba(0,0,0,.9);
  --shadow-pop:0 24px 60px -12px rgba(0,0,0,.95);
  --on-accent:#000000;
  --brand-a:#FFFFFF;--brand-b:#9A9A9A;
  --accent:#F5F5F5!important;--primary:#F5F5F5!important;
}
/* Dark Acid: black with an acid-lime accent. */
html[data-theme="acid"]{
  color-scheme:dark;
  --bg:#050605;--bg2:#080A07;
  --surface:#0D100B;--surface2:#12160F;--surface3:#1A2015;
  --hover:#1D2417;--border:#1C2216;--border2:#2B3421;
  --text:#F2FFE0;--text2:#B6C49E;--text3:#6F7C5C;
  --iris:#C6FF00;--iris-ink:#050605;--iris-soft:rgba(198,255,0,.10);
  --aqua:#7CFF4F;
  --aurora:linear-gradient(100deg,#C6FF00 0%,#7CFF4F 100%);
  --green:#C6FF00;--green-soft:rgba(198,255,0,.10);
  --red:#FF4D6D;--red-soft:rgba(255,77,109,.11);
  --amber:#FFD43B;--amber-soft:rgba(255,212,59,.11);
  --blue:#7CFF4F;
  --chart-grid:#1A2015;--field:#080A07;
  --glass:rgba(8,10,7,.78);
  --hi:inset 0 1px 0 rgba(198,255,0,.04);
  --shadow:0 30px 80px -20px rgba(0,0,0,.85);
  --shadow-pop:0 24px 60px -12px rgba(0,0,0,.9);
  --on-accent:#050605;
  --brand-a:#C6FF00;--brand-b:#7CFF4F;
  --accent:#C6FF00!important;--primary:#C6FF00!important;
}
html[data-theme="oled"] .ai-orb{background:radial-gradient(circle at 34% 30%,#fff 0 6%,#d4d4d4 22%,#5a5a5a 70%,#1a1a1a 100%)!important;box-shadow:0 0 40px rgba(255,255,255,.12)!important}
html[data-theme="acid"] .ai-orb{background:radial-gradient(circle at 34% 30%,#fff 0 4%,#eaff9e 14%,#c6ff00 44%,#3d5200 85%)!important}
html[data-theme="oled"] .btn:hover{box-shadow:none}