/* oz-aichat — Design System Variables
 * Paleta dark mode premium, tipografia, espaçamentos */

:root {
    /* === Cores Base (Dark Mode) === */
    --bg-primary: #0f0f14;
    --bg-secondary: #16161e;
    --bg-tertiary: #1e1e2a;
    --bg-surface: #22222e;
    --bg-hover: #2a2a3a;
    --bg-active: #32324a;

    /* === Cores de Acento === */
    --accent-primary: #7c5cfc;
    --accent-secondary: #6c4cf0;
    --accent-light: #9b7fff;
    --accent-glow: rgba(124, 92, 252, 0.15);
    --accent-gradient: linear-gradient(135deg, #7c5cfc 0%, #a855f7 50%, #ec4899 100%);

    /* === Cores de Texto === */
    --text-primary: #e8e6f0;
    --text-secondary: #9896a8;
    --text-muted: #6b698a;
    --text-inverse: #0f0f14;

    /* === Cores de Estado === */
    --color-success: #34d399;
    --color-warning: #fbbf24;
    --color-error: #f87171;
    --color-info: #60a5fa;

    /* === Sidebar === */
    --sidebar-width: 280px;
    --sidebar-collapsed-width: 0px;
    --sidebar-bg: #12121a;
    --sidebar-border: rgba(255, 255, 255, 0.06);

    /* === Tipografia === */
    --font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

    --text-xs: 0.75rem;
    --text-sm: 0.8125rem;
    --text-base: 0.9375rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.5rem;
    --text-3xl: 1.875rem;

    /* === Espaçamentos === */
    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;
    --space-12: 3rem;

    /* === Bordas & Sombras === */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
    --radius-full: 9999px;

    --border-subtle: 1px solid rgba(255, 255, 255, 0.06);
    --border-medium: 1px solid rgba(255, 255, 255, 0.1);

    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 20px rgba(124, 92, 252, 0.2);

    /* === Transições === */
    --transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slow: 400ms cubic-bezier(0.4, 0, 0.2, 1);

    /* === Z-Index === */
    --z-sidebar: 100;
    --z-header: 200;
    --z-modal: 500;
    --z-toast: 600;
    --z-tooltip: 700;
}