/* CSS Custom Properties / Design Tokens */

:root {
    /* Brand Colors */
    --primary: #0d3b66;
    --primary-deep: #082949;
    --secondary: #1a5490;
    --accent: #2774ae;
    --accent-bright: #3d8fd1;

    /* Gold & Heritage Accents */
    --gold: #D4AF37;
    --gold-dark: #B8860B;
    --gold-light: #F4E5C3;

    /* Success Colors */
    --success: #22c55e;
    --success-dark: #15803d;

    /* Text Colors */
    --text: #1a1a2e;
    --text-light: #374151;
    --text-muted: #5c6b7a;

    /* Border & Background Colors */
    --border: #cbd5e0;
    --border-light: #e2e8f0;
    --bg-light: #f7fafc;
    --bg-subtle: #f8f9fa;
    --bg-cream: #fefdfb;

    /* Shadows - Refined with subtle warmth */
    --shadow-sm: 0 1px 2px rgba(13, 59, 102, 0.04), 0 1px 4px rgba(13, 59, 102, 0.06);
    --shadow-md: 0 2px 8px rgba(13, 59, 102, 0.08), 0 4px 16px rgba(13, 59, 102, 0.04);
    --shadow-lg: 0 8px 24px rgba(13, 59, 102, 0.12), 0 2px 6px rgba(13, 59, 102, 0.08);
    --shadow-card: 0 3px 12px rgba(13, 59, 102, 0.06), 0 1px 4px rgba(13, 59, 102, 0.04);
    --shadow-card-hover: 0 6px 20px rgba(13, 59, 102, 0.1), 0 2px 8px rgba(13, 59, 102, 0.06);
    --shadow-nav: 0 2px 16px rgba(13, 59, 102, 0.08);

    /* Transitions - Varied timing for natural feel */
    --transition-fast: 0.15s ease;
    --transition-base: 0.25s ease;
    --transition-slow: 0.4s ease;
}