/* ===================================================================== PRDS — colour themes --------------------------------------------------------------------- GENERATED FILE. Every theme is one block of custom-property overrides; styles.css reads only these tokens, so switching themes repaints the whole site without touching a single rule. The active theme is set as data-theme on by functions/_middleware.js from whatever the editor saved in KV. No theme attribute = Plum, the brand default, so the site is never dependent on the editor working. Each palette is derived from one hue and one chroma value, which is why the tints stay in step with each other and the text tokens keep the same contrast relationships as the original brand palette. ===================================================================== */ /* Plum — The PRDS brand palette */ :root, [data-theme="plum"] { --theme-name: "Plum"; --sky-top: #f7f2f8; --sky-bottom: #e7d7ea; --wash: #f9f5f9; --hairline: #f3ebf4; --ink: #28112c; --plum: #3a1c40; --plum-mid: #673870; --plum-light: #9d66a9; --accent: #793d85; --accent-dark: #5b2a65; --accent-onDark:#d8aee0; --text-body: #4b3b4e; --text-muted: #6d5c70; --text-subtle: #8b6f90; --wave-1: #f1edf2; --wave-2: #e7dde9; --wave-3: #dbc9de; --wave-4: #cbadd1; --wave-5: #bb8dc4; --grad-deep: #2f1334; --grad-1: #482050; --grad-2: #6b3875; --grad-3: #975ca3; --grad-4: #c4a5ca; --ink-rgb: 40,17,44; --accent-rgb: 121,61,133; --sky-rgb: 247,242,248; --shadow-rgb: 40,17,44; --plumlight-rgb:157,102,169; --onDark-rgb: 216,174,224; } /* Wine — Deep berry, warmer than plum */ [data-theme="wine"] { --theme-name: "Wine"; --sky-top: #f7f2f4; --sky-bottom: #e9d8dd; --wash: #f9f6f7; --hairline: #f4ecee; --ink: #2b121a; --plum: #3e1e28; --plum-mid: #6e3a4c; --plum-light: #a6697d; --accent: #824056; --accent-dark: #622d3e; --accent-onDark:#deb0bf; --text-body: #4e3c42; --text-muted: #705c63; --text-subtle: #8f707a; --wave-1: #f2edef; --wave-2: #e8dee1; --wave-3: #ddcad0; --wave-4: #d0afba; --wave-5: #c18fa0; --grad-deep: #33151f; --grad-1: #4e2231; --grad-2: #733b4d; --grad-3: #a05f75; --grad-4: #c9a7b2; --ink-rgb: 43,18,26; --accent-rgb: 130,64,86; --sky-rgb: 247,242,244; --shadow-rgb: 43,18,26; --plumlight-rgb:166,105,125; --onDark-rgb: 222,176,191; } /* Alpenglow — Rose light on snow */ [data-theme="alpenglow"] { --theme-name: "Alpenglow"; --sky-top: #f7f3f2; --sky-bottom: #eadad7; --wash: #f9f6f5; --hairline: #f4edec; --ink: #2c1512; --plum: #3f211d; --plum-mid: #6f4139; --plum-light: #a77068; --accent: #83483f; --accent-dark: #63332c; --accent-onDark:#dfb6af; --text-body: #4e3e3c; --text-muted: #705f5c; --text-subtle: #8f7470; --wave-1: #f2eeed; --wave-2: #e8dfde; --wave-3: #deccca; --wave-4: #d0b3ae; --wave-5: #c2958e; --grad-deep: #331814; --grad-1: #4f2721; --grad-2: #74413a; --grad-3: #a1675e; --grad-4: #c9aba6; --ink-rgb: 44,21,18; --accent-rgb: 131,72,63; --sky-rgb: 247,243,242; --shadow-rgb: 44,21,18; --plumlight-rgb:167,112,104; --onDark-rgb: 223,182,175; } /* Copper — Warm rust and terracotta */ [data-theme="copper"] { --theme-name: "Copper"; --sky-top: #f8f4f2; --sky-bottom: #eaded7; --wash: #f9f7f5; --hairline: #f4efeb; --ink: #2c1c11; --plum: #402a1c; --plum-mid: #704f38; --plum-light: #a88166; --accent: #855a3d; --accent-dark: #64422a; --accent-onDark:#e0c2ae; --text-body: #4e433b; --text-muted: #70645c; --text-subtle: #907c6f; --wave-1: #f2efed; --wave-2: #e9e2dd; --wave-3: #ded2c9; --wave-4: #d1bcae; --wave-5: #c3a38d; --grad-deep: #342013; --grad-1: #503320; --grad-2: #755138; --grad-3: #a3785c; --grad-4: #cab4a5; --ink-rgb: 44,28,17; --accent-rgb: 133,90,61; --sky-rgb: 248,244,242; --shadow-rgb: 44,28,17; --plumlight-rgb:168,129,102; --onDark-rgb: 224,194,174; } /* Prairie — Golden wheat and late sun */ [data-theme="prairie"] { --theme-name: "Prairie"; --sky-top: #f7f6f2; --sky-bottom: #eae4d7; --wash: #f9f8f5; --hairline: #f4f1ec; --ink: #2c2412; --plum: #3f351d; --plum-mid: #6f5f39; --plum-light: #a79468; --accent: #836f3f; --accent-dark: #63522c; --accent-onDark:#dfd0af; --text-body: #4e483c; --text-muted: #706a5c; --text-subtle: #8f8670; --wave-1: #f2f1ed; --wave-2: #e8e5de; --wave-3: #ded8ca; --wave-4: #d0c6ae; --wave-5: #c2b38e; --grad-deep: #332a14; --grad-1: #4f4121; --grad-2: #74623a; --grad-3: #a18d5e; --grad-4: #c9bfa6; --ink-rgb: 44,36,18; --accent-rgb: 131,111,63; --sky-rgb: 247,246,242; --shadow-rgb: 44,36,18; --plumlight-rgb:167,148,104; --onDark-rgb: 223,208,175; } /* Sage — Soft muted green */ [data-theme="sage"] { --theme-name: "Sage"; --sky-top: #f4f6f3; --sky-bottom: #dee5dc; --wash: #f7f8f6; --hairline: #eff2ee; --ink: #1b2518; --plum: #2a3725; --plum-mid: #4d6247; --plum-light: #7f9777; --accent: #58724f; --accent-dark: #405639; --accent-onDark:#c1d3bb; --text-body: #434940; --text-muted: #636b61; --text-subtle: #7b8877; --wave-1: #eff1ee; --wave-2: #e2e6e0; --wave-3: #d1d9cf; --wave-4: #bbc8b7; --wave-5: #a2b69b; --grad-deep: #202c1c; --grad-1: #32442c; --grad-2: #4f6648; --grad-3: #77916e; --grad-4: #b3c1af; --ink-rgb: 27,37,24; --accent-rgb: 88,114,79; --sky-rgb: 244,246,243; --shadow-rgb: 27,37,24; --plumlight-rgb:127,151,119; --onDark-rgb: 193,211,187; } /* Boreal — Deep forest green */ [data-theme="boreal"] { --theme-name: "Boreal"; --sky-top: #f2f7f5; --sky-bottom: #d8e9e0; --wash: #f6f9f7; --hairline: #ecf3ef; --ink: #132a1e; --plum: #1e3d2d; --plum-mid: #3c6c53; --plum-light: #6aa485; --accent: #42805f; --accent-dark: #2e6146; --accent-onDark:#b1dcc5; --text-body: #3d4d44; --text-muted: #5d6f65; --text-subtle: #718e7f; --wave-1: #edf2f0; --wave-2: #dee8e3; --wave-3: #cbddd3; --wave-4: #b0cfbe; --wave-5: #91c0a7; --grad-deep: #153223; --grad-1: #234d37; --grad-2: #3c7155; --grad-3: #619e7d; --grad-4: #a8c8b7; --ink-rgb: 19,42,30; --accent-rgb: 66,128,95; --sky-rgb: 242,247,245; --shadow-rgb: 19,42,30; --plumlight-rgb:106,164,133; --onDark-rgb: 177,220,197; } /* Teal — Cool water and spruce */ [data-theme="teal"] { --theme-name: "Teal"; --sky-top: #f2f7f7; --sky-bottom: #d8e9e8; --wash: #f6f9f9; --hairline: #ecf4f3; --ink: #122b29; --plum: #1e3e3c; --plum-mid: #3a6e6a; --plum-light: #69a6a2; --accent: #40827d; --accent-dark: #2d625f; --accent-onDark:#b0dedb; --text-body: #3c4e4c; --text-muted: #5c706e; --text-subtle: #708f8d; --wave-1: #edf2f2; --wave-2: #dee8e7; --wave-3: #cadddc; --wave-4: #afd0cd; --wave-5: #8fc1be; --grad-deep: #153331; --grad-1: #224e4b; --grad-2: #3b736f; --grad-3: #5fa09c; --grad-4: #a7c9c6; --ink-rgb: 18,43,41; --accent-rgb: 64,130,125; --sky-rgb: 242,247,247; --shadow-rgb: 18,43,41; --plumlight-rgb:105,166,162; --onDark-rgb: 176,222,219; } /* Glacier — Ice blue, high and clear */ [data-theme="glacier"] { --theme-name: "Glacier"; --sky-top: #f2f6f7; --sky-bottom: #d7e3ea; --wash: #f5f8f9; --hairline: #ecf1f4; --ink: #12232c; --plum: #1d343f; --plum-mid: #395d6f; --plum-light: #6892a7; --accent: #3f6c83; --accent-dark: #2c5163; --accent-onDark:#afcfdf; --text-body: #3c484e; --text-muted: #5c6970; --text-subtle: #70858f; --wave-1: #edf1f2; --wave-2: #dee5e8; --wave-3: #cad7de; --wave-4: #aec5d0; --wave-5: #8eb1c2; --grad-deep: #142933; --grad-1: #21404f; --grad-2: #3a6074; --grad-3: #5e8ba1; --grad-4: #a6bdc9; --ink-rgb: 18,35,44; --accent-rgb: 63,108,131; --sky-rgb: 242,246,247; --shadow-rgb: 18,35,44; --plumlight-rgb:104,146,167; --onDark-rgb: 175,207,223; } /* Indigo — Late dusk blue-violet */ [data-theme="indigo"] { --theme-name: "Indigo"; --sky-top: #f2f3f7; --sky-bottom: #d8d9e9; --wash: #f6f6f9; --hairline: #ecedf3; --ink: #13152a; --plum: #1f213d; --plum-mid: #3d406c; --plum-light: #6b6fa3; --accent: #43477f; --accent-dark: #2f3260; --accent-onDark:#b2b5dc; --text-body: #3d3e4d; --text-muted: #5d5e6f; --text-subtle: #72738d; --wave-1: #eeeef2; --wave-2: #dedfe8; --wave-3: #cbccdc; --wave-4: #b0b2ce; --wave-5: #9194bf; --grad-deep: #161832; --grad-1: #24274c; --grad-2: #3d4070; --grad-3: #62669d; --grad-4: #a8aac7; --ink-rgb: 19,21,42; --accent-rgb: 67,71,127; --sky-rgb: 242,243,247; --shadow-rgb: 19,21,42; --plumlight-rgb:107,111,163; --onDark-rgb: 178,181,220; } /* Slate — Quiet blue-grey, understated */ [data-theme="slate"] { --theme-name: "Slate"; --sky-top: #f4f5f6; --sky-bottom: #dce0e4; --wash: #f7f7f8; --hairline: #eef0f1; --ink: #191e24; --plum: #272d35; --plum-mid: #495360; --plum-light: #798695; --accent: #526070; --accent-dark: #3b4753; --accent-onDark:#bdc6d1; --text-body: #414549; --text-muted: #62666a; --text-subtle: #797f86; --wave-1: #eff0f1; --wave-2: #e1e3e5; --wave-3: #cfd3d8; --wave-4: #b8bfc7; --wave-5: #9da8b4; --grad-deep: #1d232a; --grad-1: #2e3742; --grad-2: #4a5663; --grad-3: #717f8e; --grad-4: #b0b7bf; --ink-rgb: 25,30,36; --accent-rgb: 82,96,112; --sky-rgb: 244,245,246; --shadow-rgb: 25,30,36; --plumlight-rgb:121,134,149; --onDark-rgb: 189,198,209; } /* Graphite — Warm neutral, nearly mono */ [data-theme="graphite"] { --theme-name: "Graphite"; --sky-top: #f5f5f4; --sky-bottom: #e2e0de; --wash: #f8f7f7; --hairline: #f1f0ef; --ink: #221e1c; --plum: #322e2a; --plum-mid: #5a544e; --plum-light: #8e8780; --accent: #696059; --accent-dark: #4e4741; --accent-onDark:#ccc7c2; --text-body: #474543; --text-muted: #686664; --text-subtle: #837f7c; --wave-1: #f0f0ef; --wave-2: #e4e3e2; --wave-3: #d6d3d1; --wave-4: #c3bfbb; --wave-5: #aea8a2; --grad-deep: #272320; --grad-1: #3d3833; --grad-2: #5d5650; --grad-3: #877f78; --grad-4: #bcb7b4; --ink-rgb: 34,30,28; --accent-rgb: 105,96,89; --sky-rgb: 245,245,244; --shadow-rgb: 34,30,28; --plumlight-rgb:142,135,128; --onDark-rgb: 204,199,194; }