/* Design tokens — dark blue, purple accent, white surfaces */

:root {
    --cg-navy-950: #0a1228;
    --cg-navy-900: #121d3d;
    --cg-navy-800: #1a2854;
    --cg-blue-800: #243b7a;
    --cg-blue-700: #2e4a9e;
    --cg-blue-600: #3d5fc4;
    --cg-purple-600: #4e44b8;
    --cg-purple-500: #5b52c9;
    --cg-purple-400: #7b72e8;
    --cg-purple-300: #a99ef0;
    --cg-purple-200: #cbc5f5;
    --cg-purple-950: #1a0f3d;
    --cg-purple-900: #2a1860;
    --cg-white: #ffffff;
    --cg-surface: #f4f6fb;
    --cg-surface-muted: #e8ecf5;
    --cg-text: #141e3a;
    --cg-text-muted: #5a6480;
    --cg-text-soft: rgba(90, 100, 128, 0.88);
    --cg-border: rgba(46, 74, 158, 0.14);
    --cg-border-strong: rgba(46, 74, 158, 0.22);
    --cg-brand: var(--cg-blue-600);
    --cg-brand-dark: var(--cg-blue-700);
    --cg-accent: var(--cg-purple-500);
    --cg-accent-light: var(--cg-purple-400);
    --cg-header-gradient: linear-gradient(
        135deg,
        var(--cg-navy-950) 0%,
        var(--cg-navy-800) 44%,
        var(--cg-blue-700) 82%,
        var(--cg-purple-600) 100%
    );
    --cg-btn-gradient: linear-gradient(135deg, var(--cg-blue-700) 0%, var(--cg-purple-500) 100%);
    --cg-btn-gradient-hover: linear-gradient(135deg, var(--cg-blue-600) 0%, var(--cg-purple-400) 100%);
    --cg-accent-line: linear-gradient(90deg, var(--cg-blue-600) 0%, var(--cg-purple-400) 100%);
    --cg-card-gradient: linear-gradient(165deg, var(--cg-white) 0%, var(--cg-surface) 52%, #eef1f8 100%);
    --cg-font-serif: "Cormorant Garamond", Georgia, serif;
    --cg-font-sans: "Source Sans 3", "Roboto", sans-serif;
    --cg-shadow-sm: 0 2px 8px rgba(10, 18, 40, 0.08);
    --cg-shadow-md: 0 8px 22px rgba(10, 18, 40, 0.1);
    --cg-shadow-lg: 0 16px 40px rgba(10, 18, 40, 0.14);
    --cg-radius-sm: 10px;
    --cg-radius-md: 14px;
    --cg-radius-lg: 16px;
    --cg-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
    --cg-transition-fast: 0.16s var(--cg-ease-out);
    --cg-transition-med: 0.26s var(--cg-ease-out);
}