/* =====================================================================================================
   NeuroShrub KYC — design tokens. The palette, shape and typography tokens are copied from NeuroShrub's theme.css (lines 8-145) so the
   verification pages look related to the game (spec §11, KYC-DESIGN 11.5); components live in kyc.css and are deliberately more
   restrained: no cut corners, no hover sweep or lift, no animations. Colours are only defined here.
   ===================================================================================================== */

:root,
[data-bs-theme="dark"] {
    /* ---- Palette ---- */
    --ai-bg: #090611;
    --ai-bg-secondary: #100a1d;
    --ai-panel: #151020;
    --ai-panel-elevated: #1d1630;
    --ai-panel-sunken: #0d0918;

    --ai-violet: #7c3aed;
    --ai-violet-bright: #8b5cf6;
    --ai-violet-soft: #a78bfa;
    --ai-violet-pale: #ddd6fe;
    --ai-violet-dark: #4c1d95;
    --ai-violet-deep: #1e123a;
    --ai-violet-rgb: 124, 58, 237;
    --ai-violet-bright-rgb: 139, 92, 246;

    --ai-border: #3b2b5c;
    --ai-border-soft: rgba(139, 92, 246, .16);
    --ai-border-strong: rgba(167, 139, 250, .55);

    --ai-text: #f8f7fc;
    --ai-text-secondary: #cfc8de;
    --ai-text-muted: #9b93ad;

    --ai-success: #34d399;
    --ai-warning: #fbbf24;
    --ai-danger: #fb7185;
    --ai-info: #60a5fa;
    --ai-compute: #818cf8;
    --ai-energy: #fbbf24;
    --ai-money: #34d399;
    --ai-storage: #a78bfa;
    --ai-reputation: #f0abfc;
    --ai-usd: #34d399;
    --ai-success-rgb: 52, 211, 153;
    --ai-warning-rgb: 251, 191, 36;
    --ai-danger-rgb: 251, 113, 133;
    --ai-info-rgb: 96, 165, 250;

    /* ---- Shape, depth, motion ---- */
    --ai-radius-0: 0;
    --ai-radius-1: 2px;
    --ai-radius-2: 4px;
    --ai-radius-3: 6px;
    --ai-cut: 12px;
    --ai-cut-sm: 8px;
    --ai-glow: 0 0 18px rgba(124, 58, 237, .15);
    --ai-glow-strong: 0 0 30px rgba(139, 92, 246, .3);
    --ai-shadow: 0 10px 30px -12px rgba(0, 0, 0, .7);
    --ai-ease: cubic-bezier(.2, .7, .2, 1);
    --ai-transition: transform .3s var(--ai-ease), border-color .3s ease, box-shadow .4s ease, background .4s ease, color .3s ease;
    --ai-gradient-primary: linear-gradient(135deg, #6d28d9 0%, #7c3aed 35%, #8b5cf6 70%, #7c3aed 100%);
    --ai-gradient-panel: linear-gradient(160deg, rgba(139, 92, 246, .07) 0%, rgba(21, 16, 32, 0) 45%), var(--ai-panel);

    /* ---- Typography ---- */
    --ai-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --ai-font-display: "Chakra Petch", "Rajdhani", "Segoe UI", system-ui, sans-serif;
    --ai-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    --ai-tracking: .08em;

    /* ---- Bootstrap mapping ---- */
    --bs-body-font-family: var(--ai-font-body);
    --bs-font-sans-serif: var(--ai-font-body);
    --bs-font-monospace: var(--ai-font-mono);
    --bs-body-bg: var(--ai-bg);
    --bs-body-bg-rgb: 9, 6, 17;
    --bs-body-color: var(--ai-text-secondary);
    --bs-body-color-rgb: 207, 200, 222;
    --bs-emphasis-color: var(--ai-text);
    --bs-emphasis-color-rgb: 248, 247, 252;
    --bs-heading-color: var(--ai-text);
    --bs-secondary-color: var(--ai-text-muted);
    --bs-secondary-color-rgb: 155, 147, 173;
    --bs-secondary-bg: var(--ai-panel-elevated);
    --bs-tertiary-bg: var(--ai-panel-elevated);
    --bs-tertiary-bg-rgb: 29, 22, 48;
    --bs-tertiary-color: var(--ai-text-muted);
    --bs-border-color: var(--ai-border);
    --bs-border-color-translucent: var(--ai-border-soft);
    --bs-link-color: var(--ai-violet-soft);
    --bs-link-color-rgb: 167, 139, 250;
    --bs-link-hover-color: var(--ai-violet-pale);
    --bs-link-hover-color-rgb: 221, 214, 254;
    --bs-code-color: var(--ai-reputation);
    --bs-highlight-bg: rgba(var(--ai-violet-rgb), .35);
    --bs-highlight-color: var(--ai-text);

    --bs-primary: var(--ai-violet);
    --bs-primary-rgb: 124, 58, 237;
    --bs-success: var(--ai-success);
    --bs-success-rgb: 52, 211, 153;
    --bs-warning: var(--ai-warning);
    --bs-warning-rgb: 251, 191, 36;
    --bs-danger: var(--ai-danger);
    --bs-danger-rgb: 251, 113, 133;
    --bs-info: var(--ai-info);
    --bs-info-rgb: 96, 165, 250;
    --bs-secondary-rgb: 155, 147, 173;
    --bs-dark-rgb: 13, 9, 24;
    --bs-light-rgb: 248, 247, 252;

    --bs-primary-text-emphasis: var(--ai-violet-soft);
    --bs-primary-bg-subtle: rgba(var(--ai-violet-rgb), .14);
    --bs-primary-border-subtle: rgba(var(--ai-violet-bright-rgb), .45);
    --bs-success-text-emphasis: #6ee7b7;
    --bs-success-bg-subtle: rgba(var(--ai-success-rgb), .1);
    --bs-success-border-subtle: rgba(var(--ai-success-rgb), .4);
    --bs-warning-text-emphasis: #fcd34d;
    --bs-warning-bg-subtle: rgba(var(--ai-warning-rgb), .09);
    --bs-warning-border-subtle: rgba(var(--ai-warning-rgb), .4);
    --bs-danger-text-emphasis: #fda4af;
    --bs-danger-bg-subtle: rgba(var(--ai-danger-rgb), .1);
    --bs-danger-border-subtle: rgba(var(--ai-danger-rgb), .45);
    --bs-info-text-emphasis: #93c5fd;
    --bs-info-bg-subtle: rgba(var(--ai-info-rgb), .1);
    --bs-info-border-subtle: rgba(var(--ai-info-rgb), .4);
    --bs-secondary-text-emphasis: var(--ai-text-secondary);
    --bs-secondary-bg-subtle: rgba(155, 147, 173, .1);
    --bs-secondary-border-subtle: var(--ai-border);

    --bs-form-valid-color: var(--ai-success);
    --bs-form-valid-border-color: var(--ai-success);
    --bs-form-invalid-color: var(--ai-danger);
    --bs-form-invalid-border-color: var(--ai-danger);
    --bs-focus-ring-color: rgba(var(--ai-violet-bright-rgb), .45);

    --bs-border-radius: var(--ai-radius-1);
    --bs-border-radius-sm: var(--ai-radius-1);
    --bs-border-radius-lg: var(--ai-radius-2);
    --bs-border-radius-xl: var(--ai-radius-3);
    --bs-border-radius-xxl: var(--ai-radius-3);
    --bs-border-radius-2xl: var(--ai-radius-3);
    --bs-border-radius-pill: var(--ai-radius-1);
    --bs-box-shadow: var(--ai-shadow);
    color-scheme: dark;
}

/* ---- KYC: no motion at all (the theme's transition token is unused) ---- */
:root { --ai-transition: none; }