:root {
    /* ======================================================
       COLORS CORPORATIUS
    ====================================================== */

    --qrae-color-primary: #f4a30a;
    --qrae-color-primary-dark: #c97d00;

    --qrae-color-background: #f4f5f7;
    --qrae-color-surface: #ffffff;

    --qrae-color-text: #062745;
    --qrae-color-text-muted: #516477;

    --qrae-color-border: #d9e0e6;

    --qrae-color-success: #198754;
    --qrae-color-error: #c0392b;
    --qrae-color-locked: #d9dde2;

    --qrae-color-navy: #062745;
    --qrae-color-yellow: #f4a30a;
    --qrae-color-yellow-shadow: #c97d00;

    /* ======================================================
       TIPOGRAFIA
    ====================================================== */

    --qrae-font-family:
        "Montserrat",
        system-ui,
        -apple-system,
        BlinkMacSystemFont,
        "Segoe UI",
        sans-serif;

    /* ======================================================
       RADIS
    ====================================================== */

    --qrae-radius-small: 10px;
    --qrae-radius-medium: 18px;
    --qrae-radius-large: 26px;
    --qrae-radius-pill: 999px;

    /* ======================================================
       OMBRES
    ====================================================== */

    --qrae-shadow-small:
        0 4px 14px rgba(6, 39, 69, 0.08);

    --qrae-shadow-medium:
        0 12px 30px rgba(6, 39, 69, 0.14);

    /* ======================================================
       ESPAIATS
    ====================================================== */

    --qrae-space-1: 4px;
    --qrae-space-2: 8px;
    --qrae-space-3: 12px;
    --qrae-space-4: 16px;
    --qrae-space-5: 20px;
    --qrae-space-6: 24px;
    --qrae-space-8: 32px;

    /* ======================================================
       AMPLADA DE CONTINGUT
    ====================================================== */

    --qrae-content-width: 520px;
}