/* ayzoyo design tokens: the only place colours live. Two themes: vanta (default, black) and pearl (white). Sea blue was removed by the owner on 2026-11-13. */
:root,[data-theme="vanta"]{
  --bg:radial-gradient(120% 60% at 50% 0%,#0A0A0D 0%,#020203 55%,#000000 100%);--bg-flat:#000000;
  --text:#F4F4F7;--dim:#9A9AA4;--faint:#8C8C97;--line:#2A2A34;--line-soft:#23232C;
  --disc:#101014;--disc-line:#26262F;--disc-shadow:0 10px 22px rgba(0,0,0,.7);--icon:#F4F4F7;--icon-dim:#8C8C97;
  --ruby:#F0245F;--ruby-text:#FF7FA3;--corona:rgba(240,36,95,.5);--glow:rgba(240,36,95,.34);--star:#FFFFFF;
  --pass:#7BE0A6;--veil:rgba(0,0,0,.72);
}
[data-theme="pearl"]{
  --bg:radial-gradient(90% 40% at 85% 0%,rgba(255,214,226,.55) 0%,rgba(255,214,226,0) 70%),radial-gradient(90% 40% at 10% 100%,rgba(214,232,255,.5) 0%,rgba(214,232,255,0) 70%),linear-gradient(180deg,#FFFFFF 0%,#F6F1F3 100%);--bg-flat:#FFFFFF;
  /* --faint is darker than the first preview (#5B6E8A): that one fell under 4.5:1 on the tinted corners. */
  --text:#0E2240;--dim:#4B5C75;--faint:#52637C;--line:rgba(14,34,64,.28);--line-soft:rgba(14,34,64,.12);
  --disc:#FFFFFF;--disc-line:rgba(14,34,64,.12);--disc-shadow:0 8px 20px rgba(14,34,64,.16);--icon:#0E2240;--icon-dim:#5B6E8A;
  --ruby:#F0245F;--ruby-text:#B5093E;--corona:rgba(240,36,95,.42);--glow:rgba(240,36,95,.2);--star:transparent;
  --pass:#0B6B3A;--veil:rgba(255,255,255,.78);
}
:root{
  --head:"Unbounded","Inter",system-ui,sans-serif;--body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  /* Ruby button. The flat band in the middle keeps the white label at 3.5:1 or better. */
  --btn:linear-gradient(180deg,#FF9DB8 0%,#F0245F 36%,#EE2059 58%,#B5093E 100%);
  --btn-shadow:inset 0 1.5px 0 rgba(255,255,255,.55),0 6px 0 #86072D,0 14px 34px rgba(240,36,95,.38);
  --btn-shadow-down:inset 0 1.5px 0 rgba(255,255,255,.4),0 2px 0 #86072D,0 6px 16px rgba(240,36,95,.3);
  --on-ruby:#FFFFFF;--on-ruby-shadow:0 1px 0 rgba(134,7,45,.6);
  /* Eclipse (the o of the logo) and moons: the same in both themes. */
  --ecl-core:#000000;
  --ecl-shadow:0 0 0 2px #FFC2D3,0 0 26px 6px #F0245F,0 0 90px 30px var(--corona),inset 0 0 30px rgba(240,36,95,.25);
  --ecl-shadow-sm:0 0 0 1.5px #FFC2D3,0 0 16px 4px #F0245F,0 0 46px 14px var(--corona),inset 0 0 18px rgba(240,36,95,.25);
  --ecl-eye:radial-gradient(circle at 40% 35%,#1A0A10,#000000);--ecl-eye-rim:inset 0 0 0 1.5px rgba(255,157,184,.5);
  --moon-rim:0 0 0 1.5px #3A1522;--moon-full:radial-gradient(circle at 50% 40%,#FF9DB8,#F0245F 60%,#86072D);--moon-full-glow:0 0 16px rgba(240,36,95,.7);
  --ring-shadow:0 0 0 2px #FFC2D3 inset,0 0 22px 4px rgba(240,36,95,.75),0 8px 18px rgba(0,0,0,.45);
  --act-shadow:0 0 0 1px var(--ruby),0 0 16px rgba(240,36,95,.5);
  --sel-shadow:0 0 14px rgba(240,36,95,.6);
  --orb-vanta:#000000;--orb-vanta-shadow:0 0 0 1.5px #FFC2D3,0 0 18px rgba(240,36,95,.8);
  --orb-pearl:radial-gradient(circle at 70% 20%,#FFD6E2,#FFFFFF 50%,#E9E2E6);--orb-pearl-shadow:0 0 0 1px rgba(14,34,64,.18);
}