:root {
    /* Background */
    --color-bg-home: #14304D;
    --color-bg-primary: #0B1A2B;
    --color-bg-secondary: #10243A;
    --color-bg-hover: #16304D;

    --header-bg-color: rgba(11, 26, 43, 0.8);
    --header-sp-bg-color: rgba(7, 22, 39, 0.5);

    /* Accent */

    --color-accent: #D4AF37;
    --color-accent-soft: #E6C76B;
    --color-accent-muted: #A88F2A;

    /* Text */

    --color-text-primary: #E8EEF5;
    --color-text-secondary: #AAB6C4;
    --color-text-muted: #6B7C8F;

    /* UI */

    --color-border: #1F3A5A;
    --color-divider: #162A40;

    /* Danger */

    --color-danger: #C84B4B;


    --container: 920px;
}