/* Ask Igi - Theme Variables */
/* Converted from React theme.css */

:root {
    /* Primary brand colors - IGO */
    --primary: #2C2D65;
    --primary-rgb: 44, 45, 101;
    --primary-light: #615E9B;
    --primary-light-rgb: 97, 94, 155;
    --accent: #ED8B00;
    --accent-rgb: 237, 139, 0;
    
    /* Background and surface colors */
    --background: #F7F7FA;
    --foreground: #2C2D65;
    --card: #FFFFFF;
    --card-foreground: #2C2D65;
    --popover: #FFFFFF;
    --popover-foreground: #2C2D65;
    
    /* Muted/subtle colors */
    --muted: #615E9B;
    --muted-foreground: #6B7280;
    
    /* Semantic colors */
    --destructive: #EF4444;
    --destructive-foreground: #FFFFFF;
    --success: #22C55E;
    --success-foreground: #FFFFFF;
    --warning: #F59E0B;
    --warning-foreground: #000000;
    --info: #3B82F6;
    --info-foreground: #FFFFFF;
    
    /* Border and input */
    --border: #E5E7EB;
    --input: #E5E7EB;
    --ring: #ED8B00;
    
    /* Sidebar specific */
    --sidebar-background: #2C2D65;
    --sidebar-foreground: #FFFFFF;
    --sidebar-accent: #3D3E7A;
    --sidebar-muted: rgba(255, 255, 255, 0.7);
    --sidebar-border: rgba(255, 255, 255, 0.1);
    
    /* Message colors */
    --user-message-bg: #615E9B;
    --user-message-text: #FFFFFF;
    --ai-message-bg: #FFFFFF;
    --ai-message-text: #2C2D65;
    
    /* Chip/tag colors */
    --chip-blue-bg: #EEF2FF;
    --chip-blue-border: rgba(97, 94, 155, 0.2);
    --chip-blue-text: #2C2D65;
    --chip-yellow-bg: #FEF3E2;
    --chip-yellow-border: rgba(237, 139, 0, 0.2);
    --chip-yellow-text: #92400E;
    
    /* High risk/warning */
    --high-risk-bg: #FEF2F2;
    --high-risk-border: #FECACA;
    --high-risk-text: #991B1B;
    
    /* Source card */
    --source-bg: #F0F9FF;
    --source-border: #BAE6FD;
    --source-text: #0C4A6E;
}

/* Typography */
body {
    font-family: Arial, sans-serif;
    font-size: 16px;
    line-height: 1.5;
    color: var(--foreground);
    background-color: var(--background);
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 600;
    line-height: 1.25;
    color: var(--foreground);
}

h1 { font-size: 2rem; }
h2 { font-size: 1.5rem; }
h3 { font-size: 1.25rem; }
h4 { font-size: 1.125rem; }
h5 { font-size: 1rem; }
h6 { font-size: 0.875rem; }

a {
    color: var(--primary);
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

/* Button base styles */
button, input, textarea, select {
    font-family: inherit;
    font-size: inherit;
}

/* Focus visible for accessibility */
:focus-visible {
    outline: 2px solid var(--ring);
    outline-offset: 2px;
}

/* Selection */
::selection {
    background-color: var(--accent);
    color: white;
}