/*
 * ============================================================
 * RF Advocacia Estratégica v2 — Design Tokens
 * ============================================================
 * Todas as variáveis CSS para tema escuro (padrão) e claro.
 */

/* =========================================
   TEMA ESCURO (padrão)
   ========================================= */
[data-theme="dark"] {
    /* Backgrounds */
    --bg-body: #09090b;
    --bg-sidebar: #0c0c0e;
    --bg-surface: rgba(18, 18, 20, 0.85);
    --bg-surface-solid: #121214;
    --bg-surface-hover: rgba(30, 30, 33, 0.9);
    --bg-elevated: rgba(25, 25, 28, 0.95);
    --bg-input: #0e0e10;
    --bg-topbar: rgba(9, 9, 11, 0.8);

    /* Accent — Ouro da marca */
    --accent: #cca658;
    --accent-hover: #ddb96e;
    --accent-muted: rgba(204, 166, 88, 0.12);
    --accent-contrast: #0a0a0b;

    /* Textos */
    --text-primary: #f4f4f5;
    --text-secondary: #a1a1aa;
    --text-muted: #71717a;
    --text-inverse: #09090b;

    /* Bordas */
    --border: rgba(255, 255, 255, 0.08);
    --border-hover: rgba(255, 255, 255, 0.15);
    --border-accent: rgba(204, 166, 88, 0.3);

    /* Sombras */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 20px rgba(204, 166, 88, 0.1);

    /* Status */
    --success: #22c55e;
    --success-bg: rgba(34, 197, 94, 0.1);
    --warning: #f59e0b;
    --warning-bg: rgba(245, 158, 11, 0.1);
    --error: #ef4444;
    --error-bg: rgba(239, 68, 68, 0.1);
    --info: #3b82f6;
    --info-bg: rgba(59, 130, 246, 0.1);

    /* Glassmorphism */
    --glass-bg: rgba(18, 18, 20, 0.6);
    --glass-border: rgba(255, 255, 255, 0.06);
    --glass-blur: 20px;

    /* Scrollbar */
    --scrollbar-track: #0c0c0e;
    --scrollbar-thumb: #2a2a2e;
}

/* =========================================
   TEMA CLARO
   ========================================= */
[data-theme="light"] {
    /* Backgrounds */
    --bg-body: #f8f8f6;
    --bg-sidebar: #ffffff;
    --bg-surface: rgba(255, 255, 255, 0.9);
    --bg-surface-solid: #ffffff;
    --bg-surface-hover: rgba(0, 0, 0, 0.03);
    --bg-elevated: rgba(255, 255, 255, 0.98);
    --bg-input: #f4f4f2;
    --bg-topbar: rgba(248, 248, 246, 0.85);

    /* Accent — Ouro mais escuro para contraste */
    --accent: #a17c30;
    --accent-hover: #8b6a25;
    --accent-muted: rgba(161, 124, 48, 0.08);
    --accent-contrast: #ffffff;

    /* Textos */
    --text-primary: #18181b;
    --text-secondary: #52525b;
    --text-muted: #a1a1aa;
    --text-inverse: #f4f4f5;

    /* Bordas */
    --border: rgba(0, 0, 0, 0.08);
    --border-hover: rgba(0, 0, 0, 0.15);
    --border-accent: rgba(161, 124, 48, 0.25);

    /* Sombras */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 12px 36px rgba(0, 0, 0, 0.1);
    --shadow-glow: 0 0 20px rgba(161, 124, 48, 0.06);

    /* Status */
    --success: #16a34a;
    --success-bg: rgba(22, 163, 74, 0.08);
    --warning: #d97706;
    --warning-bg: rgba(217, 119, 6, 0.08);
    --error: #dc2626;
    --error-bg: rgba(220, 38, 38, 0.08);
    --info: #2563eb;
    --info-bg: rgba(37, 99, 235, 0.08);

    /* Glassmorphism */
    --glass-bg: rgba(255, 255, 255, 0.65);
    --glass-border: rgba(0, 0, 0, 0.06);
    --glass-blur: 20px;

    /* Scrollbar */
    --scrollbar-track: #f0f0ee;
    --scrollbar-thumb: #d4d4d8;
}

/* =========================================
   DESIGN TOKENS GLOBAIS (não mudam com tema)
   ========================================= */
:root {
    /* Geometria */
    --radius-xs: 4px;
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    /* Sidebar */
    --sidebar-width: 260px;
    --sidebar-collapsed-width: 72px;
    --topbar-height: 64px;

    /* Tipografia */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-serif: 'Playfair Display', Georgia, 'Times New Roman', serif;

    /* Transições */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 400ms cubic-bezier(0.16, 1, 0.3, 1);

    /* Z-index */
    --z-sidebar: 100;
    --z-topbar: 90;
    --z-overlay: 95;
    --z-modal: 200;
    --z-toast: 300;
}