:root {
    /* FavoritApp — drawer (side_nav_bar) + superficies POS (#F5F5F5) */
    --brand-name: "FavoritApp";
    --brand-product: "Administración";

    --color-bg: #f5f5f5;
    --color-bg-elevated: #ffffff;
    --color-bg-panel: #ffffff;
    --color-bg-input: #fafafa;
    --color-border: #e0e0e0;
    --color-border-soft: rgba(38, 50, 56, 0.08);

    --color-text: #263238;
    --color-text-muted: #607d8b;
    --color-text-soft: #78909c;

    /* Teal marca — drawable/side_nav_bar.xml */
    --color-primary: #009688;
    --color-primary-hover: #00897b;
    --color-primary-deep: #00695c;
    --color-primary-light: #4db6ac;
    --color-primary-glow: rgba(0, 150, 136, 0.16);

    --color-accent: #00838f;
    --color-accent-soft: #4db6ac;
    --color-teal: #00838f;
    --color-teal-soft: rgba(0, 131, 143, 0.12);

    /* Semánticos — values/colors.xml */
    --color-success: #4caf50;
    --color-danger: #d32f2f;
    --color-warning: #f57c00;

    --role-dueno: #f9a825;
    --role-gerente: #00838f;

    --font-sans: "Plus Jakarta Sans", "Segoe UI", system-ui, sans-serif;
    --font-mono: "JetBrains Mono", "Consolas", monospace;

    --radius-sm: 0.5rem;
    --radius-md: 0.875rem;
    --radius-lg: 1.25rem;
    --radius-xl: 1.75rem;

    --shadow-panel: 0 10px 40px rgba(38, 50, 56, 0.08);
    --shadow-brand: 0 8px 24px rgba(0, 150, 136, 0.22);

    --sidebar-width: 18rem;
    --brand-stripe: linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 52%, var(--color-primary-deep) 100%);
    --brand-sidebar: linear-gradient(180deg, #4db6ac 0%, #009688 42%, #00695c 100%);
}