@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap");

:root {
    --color-navy: #1C2E41;
    --color-gold: #C89948;
    --color-white: #FEFEFE;
    --color-ivory: #F7F5F0;
    --color-slate: #6D7783;
    --color-sand: #DCC9A3;

    --color-navy-strong: #11202F;
    --color-navy-soft: #23374D;
    --color-panel: #203246;
    --color-panel-border: rgba(220, 201, 163, 0.16);
    --color-border: rgba(28, 46, 65, 0.10);
    --color-text: #1F2C39;
    --color-text-soft: #57616D;
    --color-success: #65A06C;
    --color-warning: #D3A24B;
    --color-danger: #C45A5A;

    --font-heading: "Manrope", system-ui, sans-serif;
    --font-body: "Inter", system-ui, sans-serif;

    --container-width: 1200px;
    --radius-xs: 10px;
    --radius-sm: 14px;
    --radius-md: 20px;
    --radius-lg: 28px;

    --shadow-soft: 0 18px 60px rgba(15, 27, 39, 0.08);
    --shadow-panel: 0 18px 60px rgba(5, 13, 22, 0.20);

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.5rem;
    --space-6: 2rem;
    --space-7: 3rem;
    --space-8: 4rem;
}