/* ==========================================================
   ATCO Design System
   ========================================================== */

:root {

    /* ========= Colors ========= */

    --color-primary: #0F2B5B;
    --color-accent: #C7A46A;

    --color-background: #FAF8F4;
    --color-surface: #FFFFFF;

    --color-text: #1B1B1B;

    --color-border: #E7E5E4;

    /* ========= Typography ========= */

    --font-heading: "Cormorant Garamond", serif;
    --font-body: "Inter", sans-serif;

    /* ========= Layout ========= */

    --container-width: 1280px;

    /* ========= Spacing ========= */

    --section-padding: 120px;
    --content-gap: 24px;

    /* ========= Radius ========= */

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;

    /* ========= Shadows ========= */

    --shadow-sm: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-md: 0 10px 30px rgba(0, 0, 0, 0.12);

    /* ========= Transition ========= */

    --transition: all 0.3s ease;
}