/* Explain: Theme design tokens (colors, fonts) — single source of truth */
:root {
    --primary-color: #184144; /* Deep Pine/Teal from Ad */
    --primary-hover: #102e2f; 
    --secondary-color: #265d5f; /* Lighter Teal */
    --accent-color: #f7ca3a; /* Bright Gold from Ad */
    --background-color: #f6f8f7; /* Very subtle cool tint */
    --surface-color: #ffffff;
    --text-color: #1c2727;
    --text-muted: #536969;
    --border-color: rgba(24, 65, 68, 0.08); /* Adjusted to primary */
    --font-heading: 'Rubik', system-ui, sans-serif;
    --font-body: 'Rubik', system-ui, sans-serif;
}