/* Design tokens: the single source of truth for colour, space and type.
   Bootstrap's utility scales (m-3, p-5, display-6) are gone, so the spacing
   and type steps below have to carry that weight. */
:root {
    color-scheme: dark;

    /* Surfaces and ink */
    --app-bg: #0f172a;
    --app-bg-soft: #111827;
    --app-surface: rgba(15, 23, 42, 0.78);
    --app-surface-solid: #111827;
    --app-surface-raised: rgba(30, 41, 59, 0.62);
    --app-border: rgba(148, 163, 184, 0.22);
    --app-border-strong: rgba(148, 163, 184, 0.42);
    --app-text: #e5e7eb;
    --app-text-strong: #f8fafc;
    --app-muted: #94a3b8;

    /* Accent */
    --app-primary: #38bdf8;
    --app-primary-soft: #7dd3fc;
    --app-primary-strong: #0ea5e9;
    --app-primary-contrast: #031525;
    --app-focus: #7dd3fc;

    /* Status */
    --app-success: #4ade80;
    --app-warning: #fbbf24;
    --app-error: #f87171;
    --app-info: var(--app-primary-soft);

    /* Space scale */
    --app-space-1: 0.25rem;
    --app-space-2: 0.5rem;
    --app-space-3: 0.75rem;
    --app-space-4: 1rem;
    --app-space-5: 1.5rem;
    --app-space-6: 2rem;
    --app-space-7: 3rem;
    --app-space-8: 4rem;

    /* Type scale */
    --app-text-xs: 0.75rem;
    --app-text-sm: 0.875rem;
    --app-text-base: 1rem;
    --app-text-lg: 1.125rem;
    --app-text-xl: 1.5rem;
    --app-text-2xl: 2rem;
    --app-text-3xl: 2.75rem;

    /* Shape */
    --app-radius-sm: 0.6rem;
    --app-radius: 1.25rem;
    --app-radius-pill: 999px;
    --app-shadow: 0 24px 80px rgba(2, 6, 23, 0.38);
    --app-shadow-sm: 0 12px 34px rgba(2, 6, 23, 0.22);

    --app-font: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --app-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
}