/* ========================================
   LANDING COLOR TOKENS
   Single source of truth for landing pages.
   ======================================== */

body.ix-body.theme-light,
.mobile-page.theme-light {
    --landing-bg-0: #ffffff;
    --landing-bg-1: #f4f4f5;
    --landing-surface-0: #ffffff;
    --landing-surface-1: #f4f4f5;
    --landing-surface-strong: #fafafa;
    --landing-text-0: #0a0a0a;
    --landing-text-1: #171717;
    --landing-muted: #52525b;
    --landing-border: rgba(0, 0, 0, 0.14);
    --landing-border-strong: rgba(0, 0, 0, 0.24);
    --landing-accent: #0a0a0a;
    --landing-accent-hover: #000000;
    --landing-accent-soft: rgba(0, 0, 0, 0.06);
    --landing-accent-contrast: #ffffff;
    --landing-shadow: rgba(0, 0, 0, 0.12);
    --landing-glow: rgba(0, 0, 0, 0.08);
}

body.ix-body.theme-dark,
.mobile-page.theme-dark {
    --landing-bg-0: #020203;
    --landing-bg-1: #06060a;
    --landing-surface-0: #0b0b0c;
    --landing-surface-1: #111111;
    --landing-surface-strong: #171717;
    --landing-text-0: #ffffff;
    --landing-text-1: #e5e7eb;
    --landing-muted: #a1a1aa;
    --landing-border: rgba(255, 255, 255, 0.14);
    --landing-border-strong: rgba(255, 255, 255, 0.24);
    --landing-accent: #ffffff;
    --landing-accent-hover: #e5e7eb;
    --landing-accent-soft: rgba(255, 255, 255, 0.08);
    --landing-accent-contrast: #000000;
    --landing-shadow: rgba(0, 0, 0, 0.62);
    --landing-glow: rgba(255, 255, 255, 0.08);
}