/**
 * MaisBook — design tokens (fonte única de variáveis CSS)
 * Carregado antes de style.css, cliente.css e admin.css
 */

:root {
    --color-primary: #F0863A;
    --color-primary-dark: #D06A1A;
    --color-primary-light: #F5A86A;

    --color-secondary: #1E1E2A;
    --color-secondary-light: #2A2A3A;

    --color-accent: #2D1F22;

    --color-bg: #0A0A10;
    --color-bg-card: #14141E;
    --color-bg-soft: #1E1E2C;

    --color-text: #F5F5F7;
    --color-text-light: #D1D1D6;
    --color-text-muted: #A1A1A6;

    --color-border: rgba(255, 255, 255, 0.07);
    --color-border-strong: rgba(255, 255, 255, 0.12);

    --color-success: #34D399;
    --color-warning: #FBBF24;
    --color-error: #F87171;
    --color-info: #60A5FA;

    --color-link: var(--color-primary);
    --color-link-hover: var(--color-primary-light);
    --color-focus: var(--color-primary);
    --color-cta: var(--color-primary);
    --color-cta-dark: var(--color-primary-dark);
    --color-cta-light: var(--color-primary-light);
    --color-border-accent: var(--color-primary);
    --color-text-accent: var(--color-primary);

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.25);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.35), 0 2px 6px rgba(0, 0, 0, 0.25);
    --shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.45), 0 4px 12px rgba(0, 0, 0, 0.3);
    --shadow-xl: 0 24px 60px rgba(0, 0, 0, 0.55), 0 8px 20px rgba(0, 0, 0, 0.35);
    --shadow-glow: 0 0 48px rgba(240, 134, 58, 0.22);
    --shadow-glow-sm: 0 0 20px rgba(240, 134, 58, 0.18);

    --glass-bg: rgba(20, 20, 30, 0.72);
    --glass-bg-strong: rgba(20, 20, 30, 0.88);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-blur: 20px;

    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-xl: 30px;
    --radius-full: 9999px;

    --transition-fast: 150ms ease;
    --transition-normal: 280ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-spring: 600ms cubic-bezier(0.34, 1.56, 0.64, 1);

    --font-family: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.25rem;
    --font-size-2xl: 1.5rem;
    --font-size-3xl: 2rem;
    --font-size-4xl: 2.75rem;
}

/* Tema claro (admin — toggle F9 / localStorage) */
.maisbook-light {
    --color-bg: #F7F8FA;
    --color-bg-card: #FFFFFF;
    --color-bg-soft: #F1F3F7;
    --color-text: #0F172A;
    --color-text-light: #334155;
    --color-text-muted: #64748B;
    --color-border: rgba(15, 23, 42, 0.08);
    --color-border-strong: rgba(15, 23, 42, 0.14);
    --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05), 0 1px 3px rgba(15, 23, 42, 0.04);
    --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.06), 0 2px 4px rgba(15, 23, 42, 0.04);
    --shadow-lg: 0 12px 28px rgba(15, 23, 42, 0.08), 0 4px 10px rgba(15, 23, 42, 0.05);
    --shadow-xl: 0 20px 48px rgba(15, 23, 42, 0.12), 0 6px 16px rgba(15, 23, 42, 0.06);
    --shadow-glow: 0 0 32px rgba(240, 134, 58, 0.18);
    --shadow-glow-sm: 0 0 14px rgba(240, 134, 58, 0.14);
    --glass-bg: rgba(255, 255, 255, 0.78);
    --glass-bg-strong: rgba(255, 255, 255, 0.94);
    --glass-border: rgba(15, 23, 42, 0.08);
}