/* =========================================================
   ROSE PINE COLOR SCHEME
   ========================================================= */

:root {
    /* Mode */
    --mode: "light";

    /* Accent colors */
    --accent: #56949f;
    --selection: #dfdad9;
    --muted: #cecacd;

    /* Background colors */
    --background: #faf4ed;
    --dark-background: #ede7e1;
    --darker-background: #e1dbd5;
    --lighter-background: #f2e9e1;

    /* Foreground colors */
    --foreground: #575279;
    --dark-foreground: #9893a5;
    --light-foreground: #6e6a86;
    --bright-foreground: #575279;

    /* Primary colors */
    --red: #b4637a;
    --yellow: #ea9d34;
    --orange: #cf8057;
    --green: #286983;
    --cyan: #d7827e;
    --blue: #56949f;
    --magenta: #907aa9;
    --brown: #67402b;

    /* Bright colors */
    --bright-red: #b4637a;
    --bright-yellow: #ea9d34;
    --bright-green: #286983;
    --bright-cyan: #d7827e;
    --bright-blue: #56949f;
    --bright-magenta: #907aa9;

    /* UI elements */
    --bg-primary: var(--background);
    --text-primary: var(--foreground);
    --bg-secondary: var(--lighter-background);
    --text-secondary: var(--dark-foreground);
    --border-color: var(--muted);
    --card-bg: var(--lighter-background);
    --shadow-color: rgba(0, 0, 0, 0.05);
    --chart-bg: #f0eae6; /* Lighter than darker-background for chart areas */
}

/* Dark Theme */
[data-theme="dark"] {
    /* Mode */
    --mode: "dark";

    /* Accent colors */
    --accent: #7d82d9;
    --selection: #252e56;
    --muted: #6d7db6;

    /* Background colors */
    --background: #060B1E;
    --dark-background: #040816;
    --darker-background: #030610;
    --lighter-background: #131a3a;

    /* Foreground colors */
    --foreground: #ffcead;
    --dark-foreground: #6d7db6;
    --light-foreground: #c9b8a6;
    --bright-foreground: #ffcead;

    /* Primary colors */
    --red: #ED5B5A;
    --yellow: #E9BB4F;
    --orange: #eb8b54;
    --green: #92a593;
    --cyan: #a3bfd1;
    --blue: #7d82d9;
    --magenta: #c89dc1;
    --brown: #75452a;

    /* Bright colors */
    --bright-red: #faaaa9;
    --bright-yellow: #f7dc9c;
    --bright-green: #c4cfc4;
    --bright-cyan: #dfeaf0;
    --bright-blue: #c2c4f0;
    --bright-magenta: #ead7e7;

    /* UI elements */
    --bg-primary: var(--background);
    --text-primary: var(--foreground);
    --bg-secondary: var(--lighter-background);
    --text-secondary: var(--dark-foreground);
    --border-color: var(--muted);
    --card-bg: var(--lighter-background);
    --shadow-color: rgba(0, 0, 0, 0.3);
    --chart-bg: #10152e; /* Darker for chart areas in dark mode */
}