/* CantaritoGo Files — variables de diseño (identidad de marca) */
:root {
    /* Color de marca */
    --color-brand: #8a532f;
    --color-brand-dark: #6F4325;
    --color-brand-darker: #663E23;
    --color-brand-soft: #F1EAE6;
    --color-brand-softer: #F8F4F2;
    --color-brand-ring: rgba(138, 83, 47, 0.3);

    /* Semánticos — armonizados con la paleta tierra */
    --color-danger: #A0392A;
    --color-danger-soft: #F2E3DF;
    --color-warning: #8F6E1E;
    --color-warning-soft: #F4EDD6;
    --color-info: #4A6B8A;
    --color-info-soft: #E7EAEE;
    --color-success: #5F7A6C;
    --color-success-soft: #E9EEEA;

    /* Neutros cálidos */
    --color-ink: #2B2320;
    --color-ink-soft: #6C6058;
    --color-ink-faint: #998C82;
    --color-line: #E0D8CF;
    --color-line-soft: #EBE5DD;
    --color-bg: #F7F4F0;
    --color-surface: #FFFDFC;

    /* Tipografía */
    --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    --text-xs: 0.75rem;
    --text-sm: 0.85rem;
    --text-md: 0.95rem;
    --text-lg: 1.1rem;
    --text-xl: 1.35rem;

    /* Espaciado y formas */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --radius-sm: 8px;
    --radius: 12px;
    --radius-lg: 16px;
    --shadow-sm: 0 1px 2px rgba(50, 38, 28, 0.06);
    --shadow: 0 4px 16px rgba(50, 38, 28, 0.12);

    /* Estructura */
    --sidebar-width: 260px;
    --topbar-height: 56px;
    --bottom-nav-height: 64px;

    /* Control táctil */
    --touch-target: 44px;
}