/* ===================
   THEMES.CSS
   Colors, palettes, and font choices
   =================== */


/* ===================
   DEFAULT VARIABLES
   =================== */

:root {
    /* Page defaults */
    --bg-page: #FAF9F7;
    --bg-box: #FFFFFF;
    --border: #E0DFDD;
    --text: #2D2B29;
    --text-muted: #8A8885;
    --link: #36A2EB;
    --white: #FFFFFF;

    /* UI */
    --primary: #36A2EB;
    --primary-hover: #1D8FDB;
    --primary-active: #177CC2;

    /* Status */
    --error: #F44336;
    --error-light: #FFEBEE;
    --success: #4CAF50;
    --success-light: #E8F5E9;
    --caution: #FF9800;
    --caution-light: #FFF3E0;
    --neutral: #9E9E9E;
    --neutral-light: #F5F5F5;

    /* Focus ring */
    --focus: rgba(54, 162, 235, 0.35);

    /* Chat */
    --chat-ai-bg: #E8F5E9;
    --chat-ai-border: #C8E6C9;
    --chat-user-bg: #E3F2FD;
    --chat-user-border: #BBDEFB;

    /* Font */
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}


/* ===================
   THEME: WARM
   =================== */

[data-palette="warm"] {
    --bg-page: #FDF6E9;
    --bg-box: #FFFCF5;
    --border: #D4C4A8;
    --text: #4A3F2F;
    --text-muted: #8B7355;
    --link: #C67B3C;

    --primary: #C67B3C;
    --primary-hover: #B66F36;
    --primary-active: #9E5E2D;

    --focus: rgba(198, 123, 60, 0.35);

    --chat-ai-bg: #F0E8D5;
    --chat-ai-border: #D4C4A8;
    --chat-user-bg: #E8DCC8;
    --chat-user-border: #D4C4A8;
}


/* ===================
   THEME: COOL
   =================== */

[data-palette="cool"] {
    --bg-page: #E8EEF4;
    --bg-box: #F5F8FB;
    --border: #A8BDD0;
    --text: #1E3A5F;
    --text-muted: #5A7A9A;
    --link: #2563EB;

    --primary: #2563EB;
    --primary-hover: #1D4ED8;
    --primary-active: #1E40AF;

    --focus: rgba(37, 99, 235, 0.35);

    --chat-ai-bg: #E0EAF2;
    --chat-ai-border: #A8BDD0;
    --chat-user-bg: #D0E0F0;
    --chat-user-border: #A8BDD0;
}


/* ===================
   THEME: BOLD
   =================== */

[data-palette="bold"] {
    --bg-page: #1a1a2e;
    --bg-box: #252542;
    --border: #4a4a6a;
    --text: #ffffff;
    --text-muted: #a0a0c0;
    --link: #00d4ff;

    --primary: #00d4ff;
    --primary-hover: #00b8dd;
    --primary-active: #009ec0;

    --focus: rgba(0, 212, 255, 0.35);

    /* Brighter status colors for dark background */
    --success: #00ff88;
    --success-light: #1a3d2a;

    --caution: #ffaa00;
    --caution-light: #3d3520;

    --error: #ff4466;
    --error-light: #3d1a22;

    --neutral: #8888aa;
    --neutral-light: #2a2a44;

    --chat-ai-bg: #2a3a4a;
    --chat-ai-border: #4a4a6a;
    --chat-user-bg: #1a2a3e;
    --chat-user-border: #4a4a6a;
}


/* ===================
   FONT PALETTES
   =================== */

[data-font="default"] {
    --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

[data-font="serif"] {
    --font: Georgia, "Times New Roman", Times, serif;
}

[data-font="rounded"] {
    --font: "Nunito", "Varela Round", sans-serif;
}