/* SALON — default. Aged parchment with romantic weight. */
:root, .salon {
  --crust: #14100C;
  --mantle: #2A1F18;
  --base: #ECE0C6;
  --surface0: #DDCEB0;
  --surface1: #B69C70;
  --surface2: #826846;
  --overlay0: #5C463A;
  --overlay1: #463226;
  --overlay2: #2E1F17;
  --text: #1A120C;
  --subtext0: #5C463A;
  --subtext1: #3D2B1E;
  /* accents — mapped to the original token names so existing UI flows pick them up */
  --blue: #1F3A78;        /* Kahlo cobalt */
  --lavender: #5C4D7A;    /* faded violet */
  --sapphire: #2B3E5C;    /* deep ink-blue */
  --sky: #4A6FA0;         /* muted azure */
  --teal: #4C7264;        /* verdigris */
  --green: #6A7341;       /* olive */
  --yellow: #C9882B;      /* Friedrich ochre */
  --peach: #C26847;       /* terracotta */
  --maroon: #6B2B2A;      /* wine */
  --red: #B83A2B;         /* Matisse/Goya vermillion */
  --mauve: #6B1F1A;       /* oxblood — primary accent */
  --pink: #B85A6C;        /* rosehip */
  --flamingo: #C77A6C;    /* faded coral */
  --rosewater: #E8D9BD;   /* bone */
}

/* Salon Noir — black gallery wall variant (Goya black paintings, Abramović stark). */
.salon-noir {
  --crust: #050402;
  --mantle: #0E0A06;
  --base: #16110B;
  --surface0: #221A12;
  --surface1: #3A2B1E;
  --surface2: #5C4530;
  --overlay0: #7A5D43;
  --overlay1: #93755A;
  --overlay2: #B69779;
  --text: #ECE0C6;
  --subtext0: #B69C70;
  --subtext1: #D6C49E;
  --blue: #5A7DC4;
  --lavender: #9A8DBE;
  --sapphire: #87A9D8;
  --sky: #B0C4E0;
  --teal: #84A89A;
  --green: #B9C076;
  --yellow: #E9B854;
  --peach: #E89570;
  --maroon: #A04A47;
  --red: #E25940;
  --mauve: #C24336;       /* lifted oxblood for dark bg contrast */
  --pink: #E090A0;
  --flamingo: #EBA797;
  --rosewater: #F4E5C9;
}

/* BREAKCORE — early-2000s web rot + breakcore. CRT-violet ground, hot
 * magenta primary, acid green / electric cyan / hazard yellow accents.
 * Glitchy, blown-out, MSN-era saturation. */
.breakcore {
  --crust: #02000A;
  --mantle: #06031A;
  --base: #0A0612;
  --surface0: #150929;
  --surface1: #22113F;
  --surface2: #3A1B62;
  --overlay0: #5A2D8E;
  --overlay1: #7B45B8;
  --overlay2: #A06AD8;
  --text: #F2F0FF;
  --subtext0: #B9A8E0;
  --subtext1: #D8CCFA;
  --blue: #00B7FF;        /* MSN cyan */
  --lavender: #B98CFF;    /* CRT violet */
  --sapphire: #4B6BFF;    /* hyperlink */
  --sky: #66E1FF;         /* aqua chrome */
  --teal: #00F5C8;        /* matrix mint */
  --green: #B6FF00;       /* acid */
  --yellow: #FFD400;      /* hazard */
  --peach: #FF8A3D;       /* GIF-era flame */
  --maroon: #8B0A4B;
  --red: #FF1F4F;         /* siren */
  --mauve: #FF2EA6;       /* hot magenta — primary accent */
  --pink: #FF7AD8;        /* bubblegum */
  --flamingo: #FFA2C4;
  --rosewater: #FFE8F6;
}

/* GOTHIC — cathedral nightfall. Midnight violet ground, blood crimson,
 * tarnished candle gold, stained-glass indigo. Catholic-gothic + Sisters of
 * Mercy + Bauhaus stark. Primary accent: cathedral velvet mauve. */
.gothic {
  --crust: #030104;
  --mantle: #0A0710;
  --base: #110B18;
  --surface0: #1A1224;
  --surface1: #261A36;
  --surface2: #382550;
  --overlay0: #4F3970;
  --overlay1: #6E5293;
  --overlay2: #8D72B1;
  --text: #EDE3F2;        /* bone, violet wash */
  --subtext0: #9B8AB0;
  --subtext1: #C0AED2;
  --blue: #4239A4;        /* stained-glass deep */
  --lavender: #9B7BD4;    /* candlelight through purple glass */
  --sapphire: #5947B2;
  --sky: #7C68C9;
  --teal: #487B8A;        /* verdigris on bronze */
  --green: #5E7842;       /* cemetery moss */
  --yellow: #D4A82B;      /* taper / tarnished brass */
  --peach: #B45A38;       /* rust */
  --maroon: #5B1A24;
  --red: #A41827;         /* arterial */
  --mauve: #8B2C9E;       /* cathedral velvet — primary accent */
  --pink: #B25288;        /* dried rose */
  --flamingo: #C57B96;
  --rosewater: #F0DDE8;
}

/* CYBERSIGIL — Frostbite. Near-black ground, ice-cyan sigil linework,
 * bruised-magenta primary accent, sterile bone-white text. Modern-breakcore
 * melancholy: chromatic-aberration glitch, barbed sigil ornament, deep
 * vignette + fine cold grain. Primary accent: bruised magenta (--mauve). */
.cybersigil {
  --crust: #020203;
  --mantle: #050507;
  --base: #070709;
  --surface0: #0C0D11;
  --surface1: #13151B;
  --surface2: #1E2129;
  --overlay0: #2A2F3A;
  --overlay1: #3D4654;
  --overlay2: #566174;
  --text: #DCE6EC;        /* sterile bone-white, cool cast */
  --subtext0: #7E8B99;
  --subtext1: #AAB8C4;
  --blue: #3FB4FF;        /* cold electric */
  --lavender: #8E7CFF;    /* cold violet */
  --sapphire: #3A5BFF;    /* deep cold hyperlink */
  --sky: #4FE9FF;         /* ice-cyan — primary sigil line */
  --teal: #2FD8D2;        /* frost mint — secondary neon */
  --green: #5BE0A8;       /* cold jade */
  --yellow: #E8C24A;      /* muted amber — inline code only */
  --peach: #E07A5F;
  --maroon: #5A1530;
  --red: #FF3B5C;         /* siren — danger only */
  --mauve: #C8327A;       /* bruised magenta — primary accent */
  --pink: #E86AAE;        /* faded neon pink */
  --flamingo: #E8A0C4;
  --rosewater: #EAF2F6;   /* brightest bone — on-accent text */
}

html {
  font-family: var(--font-sans);
  font-feature-settings: "kern", "liga", "calt", "onum";
}

body {
  background-color: var(--base);
  color: var(--text);
  min-height: 100vh;
  transition: background-color 0.3s ease, color 0.3s ease;
  -webkit-font-smoothing: antialiased;
  font-size: 1.0625rem;
  line-height: 1.65;
  position: relative;
}