/* =====================================================================
   OCB Design System — PUBLIC SITE TOKENS (variables only)
   Source: design-source/v2-export/styles/tokens.css (--ocb-* set).
   Internal token sets (--tp-* tenant, --dh-* console/ops) excluded —
   this repository is the public website only.
   Theming: html[data-theme="dark"|"light"] is the ONLY theme mechanism
   (the legacy .ocb-light class alias is removed repo-wide).
   --ocb-cta-overlay: pinned to `none` — the token was never assigned in
   the approved export, so the overlay painted nothing; this makes the
   accepted rendering explicit.
   ===================================================================== */
:root,
[data-theme="dark"]{
  --ocb-a1: #4d7cff;
  --ocb-a2: #8b5cf6;
  --ocb-ic-cyan: #5ad1ff;
  --ocb-ic-blue: #7aa2ff;
  --ocb-ic-violet: #a78bfa;
  --ocb-glow-cyan: 0 0 16px rgba(90,200,255,0.4);
  --ocb-glow-violet: 0 0 16px rgba(160,130,255,0.4);
  --ocb-bg: #06070f;
  --ocb-ambient: radial-gradient(80% 50% at 78% 8%,rgba(60,90,210,0.28),transparent 60%),radial-gradient(70% 45% at 12% 4%,rgba(120,70,220,0.18),transparent 60%),radial-gradient(90% 60% at 50% 120%,rgba(40,70,180,0.16),transparent 60%);
  --ocb-aurora-op: 0.5;
  --ocb-grid-op: 0.4;
  --ocb-particle-op: 1;
  --ocb-text-strong: #f4f6ff;
  --ocb-text: #eef1ff;
  --ocb-text-body: #9098b8;
  --ocb-text-muted: #8b93b3;
  --ocb-text-soft: #c4cae0;
  --ocb-logo: #f0f3fb;
  --ocb-logo-sub: #aeb6d4;
  --ocb-copyright: #737a97;
  --ocb-cyan-text: #5ad1ff;
  --ocb-violet-text: #a78bfa;
  --ocb-border: rgba(255,255,255,0.08);
  --ocb-border-soft: rgba(255,255,255,0.055);
  --ocb-hair: rgba(255,255,255,0.10);
  --ocb-hair2: rgba(255,255,255,0.14);
  --ocb-surface: linear-gradient(180deg,rgba(255,255,255,0.045),rgba(255,255,255,0.015));
  --ocb-surface-stats: linear-gradient(180deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));
  --ocb-product-card: rgba(255,255,255,0.03);
  --ocb-panel: linear-gradient(180deg,rgba(12,16,34,0.6),rgba(8,10,24,0.5));
  --ocb-nav-bg: linear-gradient(180deg,rgba(16,20,42,0.74),rgba(10,12,28,0.62));
  --ocb-nav-shadow: 0 12px 40px rgba(0,0,0,0.4);
  --ocb-tile-blue: rgba(120,180,255,0.07);
  --ocb-tile-violet: rgba(160,130,255,0.08);
  --ocb-ghost-bg: rgba(255,255,255,0.04);
  --ocb-ghost-bg-h: rgba(255,255,255,0.09);
  --ocb-ghost-border: rgba(255,255,255,0.12);
  --ocb-ghost-text: #e6eaf8;
  --ocb-shadow-card: 0 24px 50px rgba(20,40,120,0.45);
  --ocb-shadow-stats: 0 16px 50px rgba(8,12,40,0.4);
  --ocb-hero-sky: radial-gradient(120% 85% at 78% 102%,rgba(255,150,60,0.42),rgba(255,120,40,0) 46%),radial-gradient(130% 120% at 50% -8%,rgba(74,96,210,0.5),rgba(20,20,52,0) 60%),linear-gradient(180deg,#0a1230 0%,#0a0e26 54%,#070815 100%);
  --ocb-callout-bg: rgba(12,16,34,0.62);
  --ocb-callout-border: rgba(150,170,255,0.25);
  --ocb-callout-text: #dce3ff;
  --ocb-cta-panel: linear-gradient(180deg,rgba(12,16,36,0.7),rgba(8,10,24,0.6));
  --ocb-cta-overlay: none;
}
[data-theme="light"]{
  --ocb-ic-cyan: #1893c4;
  --ocb-ic-blue: #3f6fe0;
  --ocb-ic-violet: #7c5cf0;
  --ocb-glow-cyan: none;
  --ocb-glow-violet: none;
  --ocb-bg: #eef1f8;
  --ocb-ambient: radial-gradient(80% 50% at 78% 8%,rgba(120,150,255,0.22),transparent 60%),radial-gradient(70% 45% at 12% 4%,rgba(170,140,255,0.16),transparent 60%),radial-gradient(90% 60% at 50% 120%,rgba(255,200,160,0.14),transparent 60%);
  --ocb-aurora-op: 0.3;
  --ocb-grid-op: 0.55;
  --ocb-particle-op: 0.15;
  --ocb-text-strong: #16203a;
  --ocb-text: #1c2740;
  --ocb-text-body: #56607a;
  --ocb-text-muted: #697186;
  --ocb-text-soft: #46506c;
  --ocb-logo: #16203a;
  --ocb-logo-sub: #6a7388;
  --ocb-copyright: #646b80;
  --ocb-cyan-text: #0b7ba6;
  --ocb-violet-text: #7c5cf0;
  --ocb-border: rgba(20,30,70,0.1);
  --ocb-border-soft: rgba(20,30,70,0.09);
  --ocb-hair: rgba(20,30,70,0.12);
  --ocb-hair2: rgba(20,30,70,0.16);
  --ocb-surface: linear-gradient(180deg,#ffffff,#f7f9ff);
  --ocb-surface-stats: linear-gradient(180deg,#ffffff,#f7f9ff);
  --ocb-product-card: #ffffff;
  --ocb-panel: linear-gradient(180deg,#ffffff,#f3f6fd);
  --ocb-nav-bg: linear-gradient(180deg,rgba(255,255,255,0.9),rgba(255,255,255,0.74));
  --ocb-nav-shadow: 0 12px 40px rgba(40,60,120,0.12);
  --ocb-tile-blue: rgba(70,120,255,0.1);
  --ocb-tile-violet: rgba(140,110,255,0.12);
  --ocb-ghost-bg: rgba(20,30,70,0.03);
  --ocb-ghost-bg-h: rgba(20,30,70,0.07);
  --ocb-ghost-border: rgba(20,30,70,0.14);
  --ocb-ghost-text: #2a3450;
  --ocb-shadow-card: 0 24px 50px rgba(40,60,120,0.16);
  --ocb-shadow-stats: 0 16px 50px rgba(40,60,120,0.1);
  --ocb-hero-sky: radial-gradient(120% 85% at 80% 104%,rgba(255,180,120,0.55),rgba(255,150,90,0) 46%),radial-gradient(130% 120% at 50% -8%,rgba(150,175,255,0.5),rgba(220,210,255,0) 62%),linear-gradient(180deg,#c6d8ff 0%,#e7e2ff 52%,#fdebef 100%);
  --ocb-callout-bg: rgba(255,255,255,0.82);
  --ocb-callout-border: rgba(80,110,200,0.28);
  --ocb-callout-text: #2c3656;
  --ocb-cta-panel: linear-gradient(150deg,#e9edfb 0%,#e6e8fa 48%,#ece6f7 100%);
  --ocb-cta-overlay: none;
}