/* ═══════════════════════════════════════════════
   DESIGN TOKENS — Single source of truth
   Light, clean, modern (Inter font, blue palette)
   ═══════════════════════════════════════════════ */
:root {
    /* ── Core palette ── */
    --primary-color: #0a1628;
    --primary-hover: #0f2847;
    --accent: #2563eb;
    --accent-hover: #1d4ed8;
    --accent-light: #3b82f6;

    /* ── Surfaces ── */
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;
    --border-color: #e2e8f0;
    --border-hover: #cbd5e1;

    /* ── Text ── */
    --text-primary: #0f172a;
    --text-secondary: #64748b;
    --text-muted: #94a3b8;
    --light-text-color: #ffffff;
    --navigation-text-color: #ffffff;

    /* ── Status ── */
    --success-color: #059669;
    --warning-color: #d97706;
    --error-text-color: #dc2626;
    --validation-text-color: #dc2626;
    --info-color: #2563eb;

    /* ── Shadows ── */
    --shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-sm: 0 1px 3px rgba(0,0,0,0.06);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.07), 0 2px 4px -2px rgba(0,0,0,0.04);
    --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.06);

    /* ── Radii ── */
    --radius: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;

    /* ── Gradients ── */
    --gradient-header: linear-gradient(135deg, #3b6cbf 0%, #2d5599 35%, #1f3d78 65%, #162d5a 100%);
    --gradient-accent: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);

    /* ── Legacy compat (used by older templates) ── */
    --secondary-color: #0f172a;
    --highlight-color: #2563eb;
    --highlight-border-color: #1d4ed8;
    --highlight-change-color: #3b82f6;
    --footer-text-color: var(--text-secondary);
    --footer-bg-color: #f1f5f9;
    --disabled-field-bg-color: #f8fafc;
    --required-text-color: #dc2626;
    --information-text-color: var(--text-secondary);
    --hover-gold: #1d4ed8;
    --pressed-gold: #1e40af;
    --focus-blue: #3b82f6;

    /* ── Named blues (used by cw- and other classes) ── */
    --blue-deep: #0a1628;
    --blue-navy: #0f2847;
    --blue-royal: #1d4ed8;
    --blue-medium: #2563eb;
    --blue-bright: #3b82f6;
    --blue-soft: #60a5fa;
}