/* ==========================================================================
   Aplaid in-app palette — MOCK: navy primary + teal accent.
   For visual comparison only. Landing gradient tokens unchanged so the
   marketing site keeps its brighter AI-blue identity.
   ========================================================================== */

:root,
[data-bs-theme="light"] {
    /* Primary — deep navy. Heavy value contrast against teal accent;
       reads as "serious tool, calm working interior". */
    --vz-primary: #1C2E5C;
    --vz-primary-rgb: 28, 46, 92;
    --vz-primary-text-emphasis: #0F1A36;
    --vz-primary-bg-subtle: #E8ECF5;
    --vz-primary-border-subtle: #C1CBE0;

    /* Success — emerald (kept; truly green so "compliant" ≠ "info"). */
    --vz-success: #10B981;
    --vz-success-rgb: 16, 185, 129;
    --vz-success-text-emphasis: #047857;
    --vz-success-bg-subtle: #D1FAE5;
    --vz-success-border-subtle: #A7F3D0;

    /* Info — cyan/teal accent. Sits visibly far from the navy primary,
       earning its own semantic slot. Use for highlights, "AI generated",
       informational badges, secondary CTAs. */
    --vz-info: #06B6D4;
    --vz-info-rgb: 6, 182, 212;
    --vz-info-text-emphasis: #0E7490;
    --vz-info-bg-subtle: #CFFAFE;
    --vz-info-border-subtle: #A5F3FC;

    /* Decorative accents — kept for the landing's gradient. The in-app
       no longer leans on these as semantic tokens. */
    --vz-teal: #06B6D4;
    --vz-cyan: #0EA5E9;
    --aplaid-ai-grad-start: #0F6DEE;
    --aplaid-ai-grad-end: #7AD3FD;
}

[data-bs-theme="dark"] {
    --vz-primary: #6B8FE0;
    --vz-primary-rgb: 107, 143, 224;

    --vz-success: #34D399;
    --vz-success-rgb: 52, 211, 153;

    --vz-info: #22D3EE;
    --vz-info-rgb: 34, 211, 238;
}