/**
 * ViVek AI Tutor — shared design tokens
 * Warm stone dark + coral brand + teal secondary
 */

:root {
    /* Surfaces */
    --vivek-bg-base: #131110;
    --vivek-bg-surface: #1C1917;
    --vivek-bg-elevated: #262220;
    --vivek-bg-muted: #2E2A27;

    /* Text */
    --vivek-text-primary: #F5F0EB;
    --vivek-text-secondary: #A8A29E;
    --vivek-text-muted: #78716C;

    /* Brand */
    --vivek-brand: #FF6F61;
    --vivek-brand-hover: #FF8A7A;
    --vivek-brand-muted: rgba(255, 111, 97, 0.15);

    /* Secondary (charts, progress) */
    --vivek-secondary: #3DB8B0;
    --vivek-secondary-hover: #4ECDC6;
    --vivek-secondary-muted: rgba(61, 184, 176, 0.15);

    /* Borders & shadows */
    --vivek-border: #3D3835;
    --vivek-border-hover: #57534E;
    --vivek-shadow: rgba(0, 0, 0, 0.35);
    --vivek-shadow-hover: rgba(0, 0, 0, 0.5);

    /* Semantic */
    --vivek-success: #4CAF50;
    --vivek-warning: #FF9800;
    --vivek-error: #F44336;

    /* Charts */
    --chart-primary: var(--vivek-brand);
    --chart-secondary: var(--vivek-secondary);
    --chart-palette: #FF6F61, #3DB8B0, #FF8A7A, #4ECDC6, #F5A623, #7EB8DA, #C9A0DC, #98D8AA;

    /* Legacy aliases (terminal.html, modals, sidebars) */
    --bg-primary: var(--vivek-bg-base);
    --bg-secondary: var(--vivek-bg-surface);
    --bg-tertiary: var(--vivek-bg-elevated);
    --text-primary: var(--vivek-text-primary);
    --text-secondary: var(--vivek-text-secondary);
    --accent: var(--vivek-brand);
    --accent-hover: var(--vivek-brand-hover);
    --border: var(--vivek-border);
    --border-hover: var(--vivek-border-hover);
    --success: var(--vivek-success);
    --warning: var(--vivek-warning);
    --error: var(--vivek-error);
    --shadow: var(--vivek-shadow);
    --shadow-hover: var(--vivek-shadow-hover);
    --sidebar-scrollbar-track: var(--vivek-bg-surface);
    --sidebar-scrollbar-thumb: #57534E;
    --sidebar-scrollbar-thumb-hover: #78716C;

    /* Typography */
    --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'Consolas', monospace;

    /* Radius & spacing */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 20px;
}

/* Light mode */
.theme-light {
    --vivek-bg-base: #FAFAF9;
    --vivek-bg-surface: #FFFFFF;
    --vivek-bg-elevated: #F5F5F4;
    --vivek-bg-muted: #E7E5E4;

    --vivek-text-primary: #1C1917;
    --vivek-text-secondary: #57534E;
    --vivek-text-muted: #78716C;

    --vivek-brand: #FF6F61;
    --vivek-brand-hover: #E85A4D;
    --vivek-brand-muted: rgba(255, 111, 97, 0.12);

    --vivek-secondary: #2A9D96;
    --vivek-secondary-hover: #3DB8B0;

    --vivek-border: #E7E5E4;
    --vivek-border-hover: #D6D3D1;
    --vivek-shadow: rgba(0, 0, 0, 0.08);
    --vivek-shadow-hover: rgba(0, 0, 0, 0.14);

    --bg-primary: var(--vivek-bg-base);
    --bg-secondary: var(--vivek-bg-surface);
    --bg-tertiary: var(--vivek-bg-elevated);
    --text-primary: var(--vivek-text-primary);
    --text-secondary: var(--vivek-text-secondary);
    --accent: var(--vivek-brand);
    --accent-hover: var(--vivek-brand-hover);
    --border: var(--vivek-border);
    --border-hover: var(--vivek-border-hover);
    --shadow: var(--vivek-shadow);
    --shadow-hover: var(--vivek-shadow-hover);
    --sidebar-scrollbar-track: #F5F5F4;
    --sidebar-scrollbar-thumb: #D6D3D1;
    --sidebar-scrollbar-thumb-hover: #A8A29E;
}

/* Warm coral dark (default app theme) */
.theme-dark {
    --bg-primary: var(--vivek-bg-base);
    --bg-secondary: var(--vivek-bg-surface);
    --bg-tertiary: var(--vivek-bg-elevated);
    --text-primary: var(--vivek-text-primary);
    --text-secondary: var(--vivek-text-secondary);
    --accent: var(--vivek-brand);
    --accent-hover: var(--vivek-brand-hover);
    --border: var(--vivek-border);
    --border-hover: var(--vivek-border-hover);
    --sidebar-scrollbar-thumb: #7A5A5A;
    --sidebar-scrollbar-thumb-hover: #9A6A6A;
}