:root {
    /* The official GadVerify 3-color premium design system (see
       PlatformSettingsService::DEFAULTS for the canonical values/docs):
       Deep Navy, Electric Blue, Premium Violet. Admin-configurable
       from Platform Settings; a business's own primary_color/
       secondary_color (Business Workspace Customization) override the
       navy/blue pair for their own workspace only. There is
       deliberately no business-level override for the third
       (violet/accent) slot, so GadVerify's own identity always shows
       through even a fully custom-branded workspace. Every --gv-*
       token below, and every component in gadverify-theme.css/
       app-shell.css/admin-shell.css/public-shell.css that reads them,
       propagates automatically. There is no second copy of these
       colors to keep in sync anywhere else. */
    --gv-primary: #2563eb;   /* Electric Blue */
    --gv-primary-dark: color-mix(in srgb, #2563eb 82%, black);
    --gv-primary-light: color-mix(in srgb, #2563eb 12%, white);
    --gv-navy: #0b1220;    /* Deep Navy */
    --gv-navy-light: color-mix(in srgb, #0b1220 10%, white);
    --gv-violet: #7c3aed; /* Premium Violet: variable name predates this palette, still the single "third brand color" token */
    --gv-violet-light: color-mix(in srgb, #7c3aed 12%, white);

    /* The one official gradient direction: Deep Navy -> Electric Blue
       -> Premium Violet. Used deliberately sparingly (hero sections,
       major CTAs, dashboard/auth headers, active nav, premium
       highlights, progress indicators). Never on data-heavy surfaces
       like tables/forms, which stay on the light tokens below instead. */
    --gv-gradient-brand: linear-gradient(135deg, var(--gv-navy) 0%, var(--gv-primary) 55%, var(--gv-violet) 100%);
    --gv-gradient-brand-soft: linear-gradient(135deg, color-mix(in srgb, var(--gv-navy) 6%, white) 0%, color-mix(in srgb, var(--gv-primary) 5%, white) 55%, color-mix(in srgb, var(--gv-violet) 6%, white) 100%);

    /* Fixed design-system neutrals/semantics: not brand-specific, so
       not exposed as admin-configurable fields. --gv-success is
       deliberately independent of --gv-violet: "success"/"active"
       must always read as green regardless of what the third brand
       color is currently configured to. */
    --gv-background: #F8FAFC;
    --gv-surface: #FFFFFF;
    --gv-text: #111827;
    --gv-muted: #64748B;
    --gv-success: #16A34A;
    --gv-warning: #F59E0B;
    --gv-danger: #DC2626;

    /* Back-compat aliases: every existing stylesheet in this project
       reads --gp-primary/--gp-secondary/--gp-accent. Keep them wired
       to the same source rather than maintaining two parallel token
       sets or rewriting every prior stylesheet. */
    --gp-primary: var(--gv-primary);
    --gp-secondary: var(--gv-navy);
    --gp-accent: var(--gv-violet);

    /* Bootstrap theme override: every Bootstrap utility/component
       class (bg-primary, text-primary, btn-primary, badge, alert,
       form focus rings, ...) resolves its color through these same
       variables, so it renders in the real GadVerify brand colors
       instead of Bootstrap's default blue, with zero per-component
       overrides needed. Only the root palette is remapped: Bootstrap's
       precomputed "-subtle"/"-emphasis" tint variants (e.g.
       --bs-primary-bg-subtle) are baked into the shipped CSS at
       build time and don't follow a runtime variable change, so
       avoid those specific utility classes until/unless the
       stylesheet is recompiled from source.
    */
    --bs-primary: var(--gv-primary);
    --bs-primary-rgb: 37,99,235;
    --bs-secondary: var(--gv-navy);
    --bs-secondary-rgb: 11,18,32;
    --bs-success: var(--gv-success);
    --bs-success-rgb: 22,163,74;
    --bs-info: var(--gv-primary);
    --bs-info-rgb: 37,99,235;
    --bs-warning: #F59E0B;
    --bs-warning-rgb: 245,158,11;
    --bs-danger: #DC2626;
    --bs-danger-rgb: 220,38,38;
    --bs-light: #F8FAFC;
    --bs-light-rgb: 248,250,252;
    --bs-dark: var(--gv-navy);
    --bs-dark-rgb: 11,18,32;
    --bs-link-color: var(--gv-primary);
    --bs-link-color-rgb: 37,99,235;
    --bs-link-hover-color: color-mix(in srgb, #2563eb 82%, black);
    --bs-body-font-family: Inter, Arial, sans-serif;
}