split global.css

2026-05-17 14:44:45 +02:00
parent ac99cc724a
commit 93fdb8d1fc
19 changed files with 3605 additions and 3397 deletions
@@ -0,0 +1,174 @@
+/* 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;
+}
+