/* Explain: Theme design tokens (colors, fonts) — single source of truth. */
:root {
    --primary-color: #3b4148;
    --primary-hover: #2c3136;
    --primary-soft: #eef1f3;
    --secondary-color: #2f7d34;
    --accent-color: #34a13a;
    --accent-hover: #2b8631;
    --navy-900: #30353b;
    --navy-800: #3b4148;
    --navy-700: #464c53;
    --navy-500: #575e65;
    --brand-blue: #34a13a;
    --background-color: #ffffff;
    --surface-color: #f4f6f7;
    --surface-alt: #eceff1;
    --text-color: #24282c;
    --text-muted: #6a737b;
    --border-color: #e2e6ea;
    --success-color: #16a34a;
    --font-heading: 'Sora', sans-serif;
    --font-body: 'Inter', sans-serif;
    --radius-sm: 8px;
    --radius: 14px;
    --radius-lg: 22px;
    --shadow-sm: 0 1px 2px rgba(47, 52, 58, 0.06);
    --shadow: 0 10px 30px -12px rgba(47, 52, 58, 0.25);
    --shadow-lg: 0 30px 60px -20px rgba(47, 52, 58, 0.35);
}