/* Copied from the VosCast Daylight Glass design system (project/tokens.css). Change it there first, then copy it here. */

:root, [data-theme="light"] {
  --bg: #f4f6fb;
  --bg2: #eaeef6;
  --card: #ffffff;
  --panel: rgba(15,22,38,.028);
  --panel-strong: rgba(15,22,38,.035);
  --glass: rgba(255,255,255,.72);
  --glass-card: rgba(255,255,255,.58);
  --panel-line: rgba(15,22,38,.042);
  --line: rgba(15,22,38,.07);
  --rule: rgba(15,22,38,.08);
  --line-tag: rgba(15,22,38,.098);
  --line-strong: rgba(15,22,38,.12);
  --line-control: #858ea1;
  --neutral-soft: rgba(15,22,38,.05);
  --neutral-line: rgba(15,22,38,.14);
  --ink: #0f1626;
  --ink2: #2a3345;
  --mut: #4a5468;
  --mut2: #5a6478;
  --mut3: #667085;
  --onink: #ffffff;
  --lime: #6cc024;
  --lime-hover: #7fd236;
  --on-lime: #0a0f1c;
  --acc: #6A9E1A;
  --acc-strong: #4a7311;
  --focus: var(--acc-strong);
  --lime-soft: rgba(108,192,36,.14);
  --lime-wash: rgba(108,192,36,.12);
  --lime-line: rgba(108,192,36,.5);
  --lime-tint: #eef8e4;
  --lime-tint-2: #e2f1d2;
  --amber: #e0a43a;
  --amber-soft: rgba(224,164,58,.16);
  --amber-line: rgba(224,164,58,.55);
  --danger: #b42318;
  --danger-soft: rgba(180,35,24,.08);
  --danger-line: rgba(180,35,24,.35);
  --inv-bg: #0c1325;
  --inv-ink: #eef1f7;
  --inv-ink2: #d6dbe6;
  --inv-mut: #c3cad8;
  --inv-mut2: #a9b3c7;
  --inv-mut3: #8a95ab;
  --inv-acc: #7fd236;
  --inv-line: rgba(255,255,255,.2);
  --shadow-card: 0 1px 2px rgba(15,22,38,.04), 0 18px 40px -24px rgba(15,22,38,.22);
  --shadow-card-soft: 0 1px 2px rgba(15,22,38,.04), 0 24px 48px -30px rgba(15,22,38,.24);
  --shadow-field: 0 18px 40px -24px rgba(15,22,38,.3);
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,.95), 0 30px 60px -24px rgba(15,22,38,.26);
  --shadow-cta: 0 14px 34px -12px rgba(108,192,36,.65), inset 0 1px 0 rgba(255,255,255,.45);
  --shadow-live: 0 0 10px #6cc024;
}

[data-theme="dark"] {
  --bg: #080d18;
  --bg2: #0f1729;
  --card: #141c2e;
  --panel: rgba(226,232,245,.028);
  --panel-strong: rgba(226,232,245,.035);
  --glass: rgba(30,38,58,.72);
  --glass-card: rgba(30,38,58,.58);
  --panel-line: rgba(226,232,245,.042);
  --line: rgba(226,232,245,.07);
  --rule: rgba(226,232,245,.08);
  --line-tag: rgba(226,232,245,.098);
  --line-strong: rgba(226,232,245,.12);
  --line-control: #626d88;
  --neutral-soft: rgba(226,232,245,.05);
  --neutral-line: rgba(226,232,245,.14);
  --ink: #eef1f7;
  --ink2: #c3cad8;
  --mut: #a9b3c7;
  --mut2: #98a2b6;
  --mut3: #8a95ab;
  --onink: #0a0f1c;
  --lime: #6cc024;
  --lime-hover: #7fd236;
  --on-lime: #0a0f1c;
  --acc: #8fd14f;
  --acc-strong: #8fd14f;
  --focus: var(--acc-strong);
  --lime-soft: rgba(108,192,36,.14);
  --lime-wash: rgba(108,192,36,.12);
  --lime-line: rgba(108,192,36,.5);
  --lime-tint: rgba(108,192,36,.2);
  --lime-tint-2: rgba(108,192,36,.08);
  --amber: #e0a43a;
  --amber-soft: rgba(224,164,58,.16);
  --amber-line: rgba(224,164,58,.55);
  --danger: #ff8a7a;
  --danger-soft: rgba(255,138,122,.14);
  --danger-line: rgba(255,138,122,.45);
  --inv-bg: #eef1f7;
  --inv-ink: #0f1626;
  --inv-ink2: #2a3345;
  --inv-mut: #4a5468;
  --inv-mut2: #5a6478;
  --inv-mut3: #667085;
  --inv-acc: #5a8a14;
  --inv-line: rgba(15,22,38,.2);
  --shadow-card: 0 1px 2px rgba(0,0,0,.08), 0 18px 40px -24px rgba(0,0,0,.44);
  --shadow-card-soft: 0 1px 2px rgba(0,0,0,.08), 0 24px 48px -30px rgba(0,0,0,.48);
  --shadow-field: 0 18px 40px -24px rgba(0,0,0,.6);
  --shadow-glass: inset 0 1px 0 rgba(255,255,255,.13), 0 30px 60px -24px rgba(0,0,0,.52);
  --shadow-cta: 0 14px 34px -12px rgba(108,192,36,.65), inset 0 1px 0 rgba(255,255,255,.45);
  --shadow-live: 0 0 10px #6cc024;
}

:root {
  --space-2: 2px;
  --space-4: 4px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-14: 14px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --radius-sm: 12px;
  --radius-md: 14px;
  --radius-tile: 16px;
  --radius-panel: 20px;
  --radius-card: 28px;
  --radius-hero: 36px;
  --radius-pill: 999px;
  --nav-blur: blur(24px) saturate(180%);
  --glass-blur: blur(28px) saturate(170%);
  --font-sans: Archivo, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, Menlo, monospace;
  --font-icon: Flaticon;
}

@font-face { font-family: "Flaticon"; src: url("fonts/Flaticon.woff") format("woff"); font-weight: 400; font-style: normal; font-display: block; }

.vc-t-display { font-family: var(--font-sans); font-size: 84px; line-height: 0.95; font-weight: 800; letter-spacing: -0.04em; }
.vc-t-section { font-family: var(--font-sans); font-size: 54px; line-height: 1; font-weight: 800; letter-spacing: -0.035em; }
.vc-t-card-title { font-family: var(--font-sans); font-size: 32px; line-height: 1.1; font-weight: 800; letter-spacing: -0.025em; }
.vc-t-lead { font-family: var(--font-sans); font-size: 20px; line-height: 1.55; font-weight: 400; }
.vc-t-body-lg { font-family: var(--font-sans); font-size: 17px; line-height: 1.55; font-weight: 400; }
.vc-t-page-title { font-family: var(--font-sans); font-size: 28px; line-height: 32px; font-weight: 800; letter-spacing: -0.03em; }
.vc-t-section-title { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 700; letter-spacing: -0.015em; }
.vc-t-body { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.vc-t-body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.vc-t-small { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 400; }
.vc-t-button { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 700; }
.vc-t-eyebrow { font-family: var(--font-mono); font-size: 13px; line-height: 16px; font-weight: 500; letter-spacing: 0.1em; }
.vc-t-label { font-family: var(--font-mono); font-size: 11px; line-height: 14px; font-weight: 500; letter-spacing: 0.08em; }
.vc-t-stat-label { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0.08em; }
.vc-t-chip { font-family: var(--font-mono); font-size: 11px; line-height: 14px; font-weight: 700; letter-spacing: 0.08em; }
.vc-t-data { font-family: var(--font-mono); font-size: 13px; line-height: 18px; font-weight: 400; }
.vc-t-stat { font-family: var(--font-mono); font-size: 60px; line-height: 1; font-weight: 500; letter-spacing: -0.05em; }