/* QuanterLab landing — design tokens.
   Source of truth: wrapper/templates/home.html :root block (lines 23-43).
   When the platform palette changes, mirror it here so the landing
   continues to feel native. Do not introduce new colours that aren't
   already in the platform. */

:root {
    /* Surfaces */
    --bg-primary: #0a0a0a;
    --bg-secondary: #0f0f0f;
    --bg-card: rgba(15, 15, 15, 0.8);

    /* Type */
    --text-primary: #ffffff;
    --text-secondary: #8a8a8a;
    --text-muted: #5a5a5a;

    /* Borders */
    --border-default: #1a1a1a;
    --card-border: rgba(255, 255, 255, 0.08);
    --card-border-hover: rgba(201, 169, 98, 0.4);

    /* Accents — gold = primary brand, teal = analytics, purple = workflow,
       red = adversarial / Skeptic. Mirror exactly the home.html tokens
       so cross-page colour shifts never happen. */
    --accent-gold: #c9a962;
    --accent-gold-dim: rgba(201, 169, 98, 0.15);
    --accent-teal: #5ba4a4;
    --accent-teal-dim: rgba(91, 164, 164, 0.15);
    --accent-purple: #9b7bb8;
    --accent-purple-dim: rgba(155, 123, 184, 0.15);
    --accent-red: #8b3a3a;
    --accent-red-dim: rgba(139, 58, 58, 0.3);

    /* Effects */
    --glow-gold: rgba(201, 169, 98, 0.3);
    --glow-teal: rgba(91, 164, 164, 0.3);
    --glow-purple: rgba(155, 123, 184, 0.3);

    /* Type scale — matches the platform's DM Sans / Calibri stack.
       Keep explicit; landing prose lives outside the platform's
       `body { font-family: ... }` so we re-declare the stack here. */
    --font-sans: 'DM Sans', 'Calibri', 'Segoe UI', -apple-system,
                 BlinkMacSystemFont, sans-serif;
    --font-display: 'DM Sans', 'Space Grotesk', 'Calibri', 'Segoe UI',
                    sans-serif;
    --font-mono: 'Consolas', 'Menlo', 'Monaco', monospace;

    /* Layout — landing-page-only token. The platform's max width is
       implicit; we lock the landing to a wider rail so 3D surfaces and
       4-card grids don't feel claustrophobic. */
    --landing-max-width: 1320px;
    --landing-pad-x: 48px;
    --landing-pad-x-md: 36px;
    --landing-pad-x-sm: 24px;
}