/* =========================================
   DESIGN TOKENS — light + dark
   ========================================= */

:root {
    --primary: #183c5a;
    --primary-dark: #102b46;
    --primary-light: #edf3f8;

    --secondary: #c49a45;
    --secondary-light: #f7efd9;
    --secondary-dark: #a47b2c;

    --text: #29394a;
    --text-soft: #46576a;
    --muted: #6c7886;

    --white: #ffffff;
    --surface: #ffffff;
    --surface-alt: #f5f8fb;
    --light: #f4f6f8;
    --border: #e3e8ed;
    --border-strong: #cdd6df;

    --success: #287a50;
    --danger: #c44444;

    --shadow-sm: 0 2px 6px rgba(16, 43, 70, 0.05);
    --shadow: 0 5px 18px rgba(16, 43, 70, 0.06);
    --shadow-lg: 0 12px 28px rgba(16, 43, 70, 0.09);

    --radius-sm: 6px;
    --radius: 10px;
    --radius-lg: 14px;

    --transition: 0.22s ease;

    --container: 1160px;
    --header-h: 82px;

    color-scheme: light;
}

body[data-theme="dark"] {
    --primary: #8bb5d5;
    --primary-dark: #c2d9eb;
    --primary-light: #20384c;

    --secondary: #e0b85e;
    --secondary-light: #493d27;
    --secondary-dark: #e0b85e;

    --text: #e2e9f0;
    --text-soft: #c9d4de;
    --muted: #a6b3c0;

    --white: #172431;
    --surface: #172431;
    --surface-alt: #1e2d3c;
    --light: #202f3d;
    --border: #344657;
    --border-strong: #455a6d;

    --success: #6fce9b;
    --danger: #f08a8a;

    --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.18);
    --shadow: 0 5px 18px rgba(0, 0, 0, 0.22);
    --shadow-lg: 0 12px 28px rgba(0, 0, 0, 0.3);

    color-scheme: dark;
}