/* ============================================================================
   CareerVertex design tokens — THE single source of truth for colour, type,
   radius and spacing. Loaded before base.css on every page (base.html and
   admin/admin_base.html).

   Rules:
   - New styles use the canonical names only.
   - The legacy alias blocks below keep older page-local names working while
     inline styles are migrated; do NOT add new usages of aliased names.
   ========================================================================== */

:root {
    /* Brand */
    --primary: #0A1F3D;            /* navy — headings, navbar, dark surfaces */
    --accent: #1E5A94;             /* blue — links, informational accents */
    --secondary: #B8860B;          /* gold — primary actions */
    --secondary-light: #D4AF37;    /* light gold — highlights on dark */

    /* Neutrals */
    --light: #F8F9FA;
    --dark: #0D1117;
    --gray-light: #F0F2F5;
    --gray: #E1E5EA;

    /* Semantic (decorative tints / large graphics) */
    --success: #10B981;
    --error: #EF4444;
    --warning: #F59E0B;

    /* Semantic INK variants — dark enough for AA text on white/tinted
       backgrounds. Use these for text; the base variants for fills/bars. */
    --success-ink: #0B6E4F;
    --error-ink: #B42318;
    --warning-ink: #8A5A00;

    /* Shape & type scale */
    --radius-btn: 2px;
    --radius-card: 8px;
    --radius-pill: 20px;
    --font-display: 'Playfair Display', Georgia, serif;
    --font-body: 'Montserrat', system-ui, -apple-system, sans-serif;

    /* ---- Legacy aliases (migration shims — do not use in new code) ------ */
    /* analyze/analysis_detail pages used a parallel --cv-* set with colliding
       meanings: --cv-secondary was the accent blue, --cv-accent the gold. */
    --cv-primary: var(--primary);
    --cv-secondary: var(--accent);
    --cv-accent: var(--secondary-light);
    --cv-success: var(--success);
    --cv-warning: var(--warning);
    --cv-danger: var(--error);
    --cv-light: var(--light);
    --cv-dark: var(--primary);

    /* account/profile pages used a third .candidate-theme set */
    --user-primary: var(--primary);
    --user-accent: var(--accent);
    --user-light: #E3F2FD;
}

/* Accessible keyboard focus, everywhere. No page may remove this without
   providing an equally visible replacement. */
a:focus-visible,
button:focus-visible,
.btn:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid var(--accent);
    outline-offset: 2px;
    border-radius: 2px;
}