:root {
    --bg: #f4f6f8;
    --surface: #ffffff;
    --surface-soft: #edf1f5;

    --text: #0b1d33;
    --text-muted: #687689;

    --navy: #001634;
    --teal: #004667;
    --gold: #d9a448;

    --border: rgba(0, 22, 52, 0.10);

    --success: #268c67;
    --danger: #b74747;

    --shadow-sm: 0 6px 20px rgba(0, 22, 52, 0.06);
    --shadow-md: 0 18px 50px rgba(0, 22, 52, 0.10);

    --radius-sm: 12px;
    --radius-md: 20px;
    --radius-lg: 30px;

    --container: 1240px;

    --transition: 0.25s ease;
}

[data-theme="dark"] {
    --bg: #061426;
    --surface: #0b1d33;
    --surface-soft: #102941;

    --text: #f4f6f8;
    --text-muted: #98a6b7;

    --navy: #001634;
    --teal: #0b5b7d;
    --gold: #d9a448;

    --border: rgba(255, 255, 255, 0.08);

    --shadow-sm: 0 6px 20px rgba(0, 0, 0, 0.16);
    --shadow-md: 0 20px 60px rgba(0, 0, 0, 0.26);
}