/* CloudStackLinks — SHARED DESIGN TOKENS · single source of truth for marketing site + app.
   Loaded LAST in both codebases so it governs the brand everywhere. Edit here → both update.
   Both naming schemes: marketing (--accent-deep/--ink-soft/--font-body) + app (--accentd/--soft/--fb).
   Three theme states: :root (light) · @media dark (system) · [data-theme] (explicit toggle). */
:root{
  --paper:#FBFCFE; --surface:#FFFFFF; --surface-2:#F4F6FA; --surface-3:#EBEFF5;
  --ink:#0B1020; --ink-soft:#4B5568; --ink-faint:#8A93A6; --ink-invert:#FFFFFF;
  --line:#E7EAF0; --line-soft:#EFF2F7;
  --accent:#10B981; --accent-deep:#047857; --accent-soft:#6EE7B7; --accent-glow:rgba(16,185,129,.12);
  --signal:#10B981; --signal-deep:#059669; --signal-ink:#FFFFFF; --signal-glow:rgba(16,185,129,.28);
  --good:#059669; --violet:#6D5CE0;
  --font-display:'Geist',-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --font-body:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;
  --font-mono:'Geist Mono',ui-monospace,"SF Mono",Menlo,Consolas,monospace;
  --shadow-sm:0 1px 2px rgba(11,16,32,.06);
  --shadow:0 1px 3px rgba(11,16,32,.05), 0 8px 24px -12px rgba(11,16,32,.14);
  --shadow-lg:0 2px 6px rgba(11,16,32,.06), 0 24px 56px -20px rgba(11,16,32,.22);
  --shadow-glow:0 0 0 1px rgba(16,185,129,.12), 0 18px 50px -18px rgba(16,185,129,.30);
  --radius:14px; --radius-lg:20px; --grid:rgba(11,16,32,.05); color-scheme:light;
  --s2:#F4F6FA; --s3:#EBEFF5; --soft:#4B5568; --faint:#8A93A6; --line2:#EFF2F7;
  --accentd:#047857; --glow:rgba(16,185,129,.12); --amber:#10B981; --amberd:#047857; --amberink:#FFFFFF;
  --fd:'Geist',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --fb:'Inter',-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --paper:#080B12; --surface:#0F1420; --surface-2:#131A28; --surface-3:#1A2333;
  --ink:#EEF1F7; --ink-soft:#9BA6BC; --ink-faint:#6A7488; --ink-invert:#FFFFFF;
  --line:#212B3D; --line-soft:#18202E;
  --accent:#2DD4A7; --accent-deep:#5EEAC0; --accent-soft:#0E6B50; --accent-glow:rgba(45,212,167,.14);
  --signal:#10B981; --signal-deep:#0BA372; --signal-ink:#052015; --signal-glow:rgba(45,212,167,.28);
  --good:#34D399; --violet:#A99BF5;
  --shadow-sm:0 1px 2px rgba(0,0,0,.5);
  --shadow:0 1px 3px rgba(0,0,0,.5), 0 14px 34px -16px rgba(0,0,0,.66);
  --shadow-lg:0 2px 6px rgba(0,0,0,.55), 0 34px 66px -22px rgba(0,0,0,.75);
  --shadow-glow:0 0 0 1px rgba(45,212,167,.18), 0 20px 54px -18px rgba(45,212,167,.34);
  --grid:rgba(255,255,255,.045);
  --s2:#131A28; --s3:#1A2333; --soft:#9BA6BC; --faint:#6A7488; --line2:#18202E;
  --accentd:#5EEAC0; --glow:rgba(45,212,167,.14); --amber:#10B981; --amberd:#0BA372; --amberink:#052015;
}}
:root[data-theme="dark"]{
  --paper:#080B12; --surface:#0F1420; --surface-2:#131A28; --surface-3:#1A2333;
  --ink:#EEF1F7; --ink-soft:#9BA6BC; --ink-faint:#6A7488; --ink-invert:#FFFFFF;
  --line:#212B3D; --line-soft:#18202E;
  --accent:#2DD4A7; --accent-deep:#5EEAC0; --accent-soft:#0E6B50; --accent-glow:rgba(45,212,167,.14);
  --signal:#10B981; --signal-deep:#0BA372; --signal-ink:#052015; --signal-glow:rgba(45,212,167,.28);
  --good:#34D399; --violet:#A99BF5;
  --shadow-sm:0 1px 2px rgba(0,0,0,.5);
  --shadow:0 1px 3px rgba(0,0,0,.5), 0 14px 34px -16px rgba(0,0,0,.66);
  --shadow-lg:0 2px 6px rgba(0,0,0,.55), 0 34px 66px -22px rgba(0,0,0,.75);
  --shadow-glow:0 0 0 1px rgba(45,212,167,.18), 0 20px 54px -18px rgba(45,212,167,.34);
  --grid:rgba(255,255,255,.045);
  --s2:#131A28; --s3:#1A2333; --soft:#9BA6BC; --faint:#6A7488; --line2:#18202E;
  --accentd:#5EEAC0; --glow:rgba(45,212,167,.14); --amber:#10B981; --amberd:#0BA372; --amberink:#052015;
  color-scheme:dark;
}