/* Explain: Color and typography tokens for the app's theme. - */
:root {
    --primary-color: #1d4ed8;
    --primary-hover: #1e40af;
    --secondary-color: #0f172a;
    --accent-color: #06b6d4;
    --background-color: #f6f8fc;
    --surface-color: #ffffff;
    --surface-warm: #eaf2ff;
    --text-color: #102033;
    --text-muted: #5f6f85;
    --border-color: #d7e0ec;
    --pearl-color: #f8fbff;
    --champagne-color: #7dd3fc;
    --rose-nude-color: #2563eb;
    --soft-gray-color: #d7e0ec;
    --espresso-color: #0f172a;
    --primary-rgb: 29 78 216;
    --secondary-rgb: 15 23 42;
    --accent-rgb: 6 182 212;
    --surface-rgb: 255 255 255;
    --border-rgb: 215 224 236;
    --font-heading: 'Space Grotesk', 'Inter', sans-serif;
    --font-body: 'Inter', 'Segoe UI', sans-serif;
    --radius-oval: 999px;
    --radius-soft: 1.75rem;
    --shadow-soft: 0 28px 80px rgb(var(--secondary-rgb) / 0.14);
    --shadow-card: 0 18px 48px rgb(var(--secondary-rgb) / 0.09);
}