/* VARIABLES */


/* ============================================
   Priori - Paper & Ink Theme
   ============================================ */


/* ============================================
   FONTS
   ============================================ */

@import url('https://fonts.googleapis.com/css2?family=Crimson+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=JetBrains+Mono:wght@400;500&display=swap');


/* ============================================
   CSS CUSTOM PROPERTIES - THEME SYSTEM
   ============================================ */

:root,
[data-theme="light"] {
    /* Background colors - Warm cream/parchment */
    --bg-primary: #faf6f1;
    --bg-secondary: #f5f0e8;
    --bg-tertiary: #efe9df;
    --bg-elevated: #fffcf7;
    --bg-overlay: rgba(45, 35, 25, 0.6);
    
    /* Surface colors */
    --surface-1: #fffcf7;
    --surface-2: #f5f0e8;
    --surface-3: #efe9df;
    --surface-hover: #e8e0d4;
    
    /* Text colors - Rich ink tones */
    --text-primary: #2d2419;
    --text-secondary: #4a3f31;
    --text-tertiary: #6b5d4d;
    --text-muted: #8c7b68;
    --text-inverse: #faf6f1;
    
    /* Border colors */
    --border-default: #d9cfc2;
    --border-subtle: #e8e0d4;
    --border-strong: #b8a992;
    --border-focus: #2d2419;
    
    /* Brand colors */
    --logo-color: #C9A227;

    /* Accent colors - Deep sepia/brown ink */
    --accent: #5c4a36;
    --accent-hover: #3d3024;
    --accent-subtle: rgba(92, 74, 54, 0.08);
    --accent-text: #5c4a36;
    
    /* Status colors - Earthy tones */
    --success: #4a6741;
    --success-bg: rgba(74, 103, 65, 0.1);
    --warning: #8b6914;
    --warning-bg: rgba(139, 105, 20, 0.1);
    --error: #8b3a3a;
    --error-bg: rgba(139, 58, 58, 0.1);
    --info: #5c4a36;
    --info-bg: rgba(92, 74, 54, 0.08);
    
    /* Message colors */
    --user-message-bg: #e8e0d4;
    --user-message-text: #2d2419;
    --bot-message-bg: transparent;
    --bot-message-text: #2d2419;
    --bot-message-border: transparent;
    
    /* Sidebar */
    --sidebar-bg: #f5f0e8;
    --sidebar-border: #d9cfc2;
    --sidebar-width: 280px;
    --sidebar-collapsed-width: 68px;
    
    /* Input */
    --input-bg: #fffcf7;
    --input-border: #d9cfc2;
    --input-focus-border: #5c4a36;
    --input-placeholder: #8c7b68;
    
    /* Shadow - Warm tinted */
    --shadow-sm: 0 1px 2px rgba(45, 36, 25, 0.06);
    --shadow-md: 0 2px 4px rgba(45, 36, 25, 0.08);
    --shadow-lg: 0 4px 12px rgba(45, 36, 25, 0.1);
    --shadow-xl: 0 8px 24px rgba(45, 36, 25, 0.12);
    
    /* Scrollbar */
    --scrollbar-bg: transparent;
    --scrollbar-thumb: #c9bfb0;
    --scrollbar-thumb-hover: #b8a992;
    
    /* Special */
    --code-bg: #f5f0e8;
    --code-text: #2d2419;
    --reasoning-bg: rgba(92, 74, 54, 0.05);
    --reasoning-border: rgba(92, 74, 54, 0.15);
    --reasoning-text: #4a3f31;
}

[data-theme="dark"] {
    /* Background colors - Warm dark parchment */
    --bg-primary: #1a1714;
    --bg-secondary: #13110e;
    --bg-tertiary: #252019;
    --bg-elevated: #1f1b16;
    --bg-overlay: rgba(20, 18, 15, 0.85);
    
    /* Surface colors */
    --surface-1: #1f1b16;
    --surface-2: #252019;
    --surface-3: #302920;
    --surface-hover: rgba(250, 246, 241, 0.08);
    
    /* Text colors - Brighter warm cream */
    --text-primary: #f5efe6;
    --text-secondary: #d9cfc2;
    --text-tertiary: #b8a992;
    --text-muted: #8c7b68;
    --text-inverse: #1a1714;
    
    /* Border colors - Warm brown */
    --border-default: #302920;
    --border-subtle: #252019;
    --border-strong: #4a3f31;
    --border-focus: #d9cfc2;
    
    /* Brand colors */
    --logo-color: #C9A227;

    /* Accent colors - Warm cream */
    --accent: #d9cfc2;
    --accent-hover: #e8e0d4;
    --accent-subtle: rgba(217, 207, 194, 0.08);
    --accent-text: #d9cfc2;

    /* Status colors - Muted warm versions */
    --success: #7fa87a;
    --success-bg: rgba(127, 168, 122, 0.12);
    --warning: #c9a855;
    --warning-bg: rgba(201, 168, 85, 0.12);
    --error: #c27a7a;
    --error-bg: rgba(194, 122, 122, 0.12);
    --info: #b8a992;
    --info-bg: rgba(184, 169, 146, 0.08);
    
    /* Message colors */
    --user-message-bg: #252019;
    --user-message-text: #f5efe6;
    --bot-message-bg: transparent;
    --bot-message-text: #f5efe6;
    --bot-message-border: transparent;
    
    /* Sidebar */
    --sidebar-bg: #13110e;
    --sidebar-border: #302920;
    --sidebar-width: 280px;
    --sidebar-collapsed-width: 68px;
    
    /* Input */
    --input-bg: #1f1b16;
    --input-border: #302920;
    --input-focus-border: #5c4a36;
    --input-placeholder: #5c4a36;
    
    /* Shadow - Warm dark */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 2px 4px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-xl: 0 8px 24px rgba(0, 0, 0, 0.5);
    
    /* Scrollbar */
    --scrollbar-bg: transparent;
    --scrollbar-thumb: #4a3f31;
    --scrollbar-thumb-hover: #5c4a36;
    
    /* Special */
    --code-bg: #252019;
    --code-text: #e8e0d4;
    --reasoning-bg: rgba(217, 207, 194, 0.04);
    --reasoning-border: rgba(217, 207, 194, 0.1);
    --reasoning-text: #b8a992;
}