/* Design tokens — single source of truth for colors, fonts, and radii.
   Framework values (dark base, fonts, radii) are site-wide; each app page
   overrides only --app-accent / --app-accent-rgb (see agents-docs). */
:root {
    /* Dark theme base */
    --bg: #0b0f19;
    --panel: #111827;
    --panel-strong: #172033;
    --line: #243047;
    --text: #f4f7fb;
    --muted: #aab4c5;

    /* Brand accent (purple) — site framework and Google Play buttons */
    --brand-accent: #a78bfa;
    --brand-accent-rgb: 167, 139, 250;

    /* Per-app accent — app pages and app cards override these two together */
    --app-accent: var(--brand-accent);
    --app-accent-rgb: var(--brand-accent-rgb);

    /* Light theme (legal pages keep a light base for long-form reading) */
    --light-bg: #f8fafc;
    --light-panel: #ffffff;
    --light-panel-soft: #f1f5f9;
    --light-line: #e2e8f0;
    --light-text: #0f172a;
    --light-heading: #1e293b;
    --light-body: #475569;
    --light-muted: #94a3b8;
    --light-link: #6366f1;

    /* Typography */
    --font-display: 'Outfit', sans-serif;
    --font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

    /* Radii */
    --radius-card: 16px;
    --radius-btn: 12px;
    --radius-pill: 999px;
}