:root{

    /* Colores */
    --color-primary:#D4A437;
    --color-primary-hover:#E0B84E;

    --color-bg:#111111;
    --color-bg-secondary:#1A1A1A;
    --color-surface:#222222;

    --color-white:#FFFFFF;
    --color-text:#E6E6E6;
    --color-text-light:#A8A8A8;

    --color-border:rgba(255,255,255,.08);

    /* Tipografía */
    --font-family:'Inter',sans-serif;

    /* Contenedor */
    --container:1440px;

    /* Transiciones */
    --transition:.3s ease;

    /* Sombras */
    --shadow:0 12px 40px rgba(0,0,0,.35);

    /* Header */
    --header-height:88px;

    /* Border Radius */
    --radius:12px;

}