:root {
    /* Canvas y superficies (nabek-web resources/css/app.css) */
    --nb-color-page: #FAF5ED;
    --nb-color-surface: #FFFDFC;
    --nb-color-surface-subdued: #FAF5ED;
    --nb-color-brand-surface: #FFFFFF;

    /* Tinta */
    --nb-color-text: #1E2930;
    --nb-color-text-muted: #5F6870;
    --nb-color-border: #E5D8CC;

    /* Comercio */
    --nb-color-primary: #BF452C;
    --nb-color-primary-hover: #A63621;
    --nb-color-primary-subdued: #FBE8E2;
    --nb-color-teal: #087F72;
    --nb-color-success: #087F72;
    --nb-color-mustard: #FFD166;
    --nb-color-navy: #18323B;
    --nb-color-warning: #A66A13;
    --nb-color-danger: #B83A3A;
    --nb-color-focus: #FDC108;

    /* Marca NABEK */
    --nb-color-brand-blue: #104899;
    --nb-color-brand-yellow: #FDC108;
    --nb-color-brand-navy: #192541;
    --nb-color-brand-black: #1D1D1B;

    --nb-font-sans: 'Roboto', Arial, ui-sans-serif, system-ui, sans-serif;

    --nb-radius-control: 10px;
    --nb-radius-card: 14px;
    --nb-radius-pill: 999px;

    --nb-shadow-card: 0 1px 3px rgb(24 50 59 / 0.08);

    --nb-space-1: 8px;
    --nb-space-2: 12px;
    --nb-space-3: 16px;
    --nb-space-4: 24px;
    --nb-space-5: 32px;
    --nb-space-6: 48px;
    --nb-space-8: 64px;
}