/* Automotive AI Training Platform — design tokens (deck artboard 01 · Foundations).
   Read off the Paper Trail / Web Reports screenshots; confirm hexes against the real OTI
   stylesheet before high-fidelity sign-off. Scoped under .tp so legacy pages are untouched. */

.tp {
    /* Brand */
    --tp-brand: #4F46E5;
    --tp-brand-hover: #4338CA;
    --tp-brand-tint: #EEF2FF;

    /* Status: text on its own pale ground — never coloured text alone */
    --tp-pass: #15803D;      --tp-pass-bg: #DCFCE7;
    --tp-warn: #B45309;      --tp-warn-bg: #FEF3C7;
    --tp-fail: #B91C1C;      --tp-fail-bg: #FEE2E2;   /* 5.3:1 on its pale ground (was #DC2626, 3.95:1) */
    --tp-neutral: #4B5563;   --tp-neutral-bg: #F3F4F6;
    --tp-info: #4F46E5;      --tp-info-bg: #EEF2FF;

    /* Hidden / author-only content (never shown, never spoken) */
    --tp-hidden-bg: #FFFBEB;
    --tp-hidden-border: #FDE68A;
    --tp-hidden-ink: #92400E;

    /* Surfaces */
    --tp-surface: #FFFFFF;
    --tp-ground: #F4F5F7;
    --tp-border: #E5E7EB;
    --tp-border-input: #D1D5DB;
    --tp-ink: #111827;
    --tp-ink-nav: #374151;
    --tp-ink-muted: #5B6472;   /* >= 5.4:1 on white and on the page ground */
    --tp-ink-faint: #9CA3AF;   /* DECORATION ONLY (borders, dots, disabled) — 2.5:1, never body text */

    /* Keyboard focus ring (brand-coloured, 6.3:1 on white) */
    --tp-focus: #4F46E5;
    --tp-focus-ring: 0 0 0 2px var(--tp-surface), 0 0 0 4px var(--tp-focus);

    /* Roleplay stage (dark, default) */
    --tp-stage: #0F172A;
    --tp-stage-panel: #1E293B;
    --tp-stage-border: #273449;
    --tp-stage-ink: #F8FAFC;
    --tp-stage-muted: #94A3B8;
    --tp-stage-customer: #FACC15;
    --tp-stage-you: #A5B4FC;
    --tp-stage-mic: #4ADE80;
    --tp-stage-mic-bg: #052E1B;
    --tp-stage-end: #F87171;

    /* Shape & spacing */
    --tp-radius-control: 8px;
    --tp-radius-card: 10px;
    --tp-radius-pill: 999px;
    --tp-shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04);
    --tp-space-1: 4px;  --tp-space-2: 8px;  --tp-space-3: 12px; --tp-space-4: 16px;
    --tp-space-5: 20px; --tp-space-6: 28px; --tp-space-7: 40px;
    --tp-gutter: 24px;
    --tp-nav-width: 232px;
    --tp-nav-collapsed: 64px;
    --tp-topbar-height: 60px;
    --tp-content-max: 1180px;

    /* Type — one family, tabular figures so scores and currency align */
    --tp-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
    --tp-fs-display: 30px;  --tp-fw-display: 700;
    --tp-fs-h1: 24px;       --tp-fw-h1: 600;
    --tp-fs-h2: 18px;       --tp-fw-h2: 600;
    --tp-fs-label: 12px;    --tp-fw-label: 600;
    --tp-fs-body: 15px;
    --tp-fs-meta: 13px;
    --tp-fs-metric: 32px;   --tp-fw-metric: 700;
}

/* Light roleplay stage — same layout on light tokens (artboard 08). */
.tp-stage-light {
    --tp-stage: #F4F5F7;
    --tp-stage-panel: #FFFFFF;
    --tp-stage-border: #E5E7EB;
    --tp-stage-ink: #111827;
    --tp-stage-muted: #5B6472;
    --tp-stage-customer: #B45309;
    --tp-stage-you: #4F46E5;
    --tp-stage-mic: #15803D;
    --tp-stage-mic-bg: #DCFCE7;
    --tp-stage-end: #B91C1C;
}