/* Explain: Theme design tokens (colors, fonts). */
:root {
    /* Brand colours — neutral grey scheme */
    --primary-color: #2b2f34;
    --primary-hover: #1b1e21;
    --secondary-color: #4b5158;
    --accent-color: #6b7178;
    --accent-hover: #565c62;

    /* Neutrals */
    --background-color: #f3f4f6;
    --surface-color: #e9ebee;
    --surface-alt: #dfe2e5;
    --text-color: #1b1e21;
    --text-body: #3a4046;
    --text-muted: #5f666d;
    --border-color: #d5d8dc;

    /* Status */
    --success-color: #15803d;
    --danger-color: #b91c1c;

    /* Typography */
    --font-heading: 'Barlow Condensed', 'Inter', sans-serif;
    --font-body: 'Inter', system-ui, -apple-system, sans-serif;

    /* Shape + depth */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.06);
    --shadow-md: 0 10px 26px rgba(15, 23, 42, 0.09);
    --shadow-lg: 0 22px 52px rgba(15, 23, 42, 0.14);

    /* Layout */
    --container-max: 1200px;
}