:root {

    /* =========================================================
       FAROELOTTO COLOR SYSTEM
       ========================================================= */

    --color-bg: #030A14;
    --color-bg-soft: #071321;
    --color-bg-card: #081522;
    --color-bg-card-hover: #0B1B2D;

    --color-navy: #06101D;
    --color-navy-light: #0D1C2C;

    --color-gold: #F5C451;
    --color-gold-light: #FFD978;
    --color-gold-dark: #B88616;

    --color-white: #FFFFFF;
    --color-text: #E8EDF3;
    --color-text-soft: #A6B1BE;
    --color-text-muted: #687587;

    --color-border: rgba(245, 196, 81, 0.20);
    --color-border-soft: rgba(255, 255, 255, 0.08);

    --color-success: #22C55E;
    --color-danger: #EF4444;
    --color-info: #38BDF8;
    --color-purple: #A855F7;


    /* =========================================================
       TYPOGRAPHY
       ========================================================= */

    --font-main: Arial, Helvetica, sans-serif;

    --font-xs: 11px;
    --font-sm: 13px;
    --font-md: 15px;
    --font-lg: 18px;
    --font-xl: 24px;
    --font-2xl: 32px;
    --font-3xl: 48px;
    --font-4xl: 64px;


    /* =========================================================
       SPACING
       ========================================================= */

    --space-xs: 5px;
    --space-sm: 10px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;


    /* =========================================================
       BORDER RADIUS
       ========================================================= */

    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 20px;


    /* =========================================================
       SHADOWS
       ========================================================= */

    --shadow-card:
        0 10px 30px rgba(0, 0, 0, 0.35);

    --shadow-gold:
        0 0 25px rgba(245, 196, 81, 0.18);

    --shadow-gold-strong:
        0 0 40px rgba(245, 196, 81, 0.28);


    /* =========================================================
       LAYOUT
       ========================================================= */

    --container-width: 1500px;

    --header-height: 88px;

    --content-gap: 16px;


    /* =========================================================
       TRANSITIONS
       ========================================================= */

    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;

}