/* Page defaults and color palettes. Load after style.css. */

.home-page {
    --bg: #2c124d;
    --paragraph-text-color: #dbe380;
    --muted: #b8a6cc;
    --caption: #dbe380;
}

.about-page {
    --bg: #131111;
    --paragraph-text-color: #55eb7b;
    --muted: #9bb6a1;
    --header-2-color: #f5d418;
    --header-3-color: #ffffff;
    --accent: #ef96f5;
}

/* ==========================================
   7. COLOR PALETTES
========================================== */

.page-purple {
    --bg: #24113d;
    --paragraph-text-color: #eee4ff;
    --header-2-color: #f0a6ff;
    --header-3-color: #c9b4ff;
    --accent: #ff6bba;
    --line: #8065a8;
    --muted: #b7a0cc;
    --card-bg: #3b1d5c;
    --link-color: #72e6ff;
    --link-hover-color: #ffe66d;
    --quote: #a9f5c2;
    --caption: #f5d66f;
    --font-weight: normal;
}
.page-blue {
    --bg: #081b30;
    --paragraph-text-color: #e1f3ff;
    --header-2-color: #73dcff;
    --header-3-color: #b8c7ff;
    --accent: #ff9bb3;
    --line: #587c9e;
    --muted: #9bb5cc;
    --card-bg: #102d4a;
    --link-color: #ffe56b;
    --link-hover-color: #ffffff;
    --quote: #86f0d1;
    --caption: #d6c4ff;
    --font-weight: normal;
}

.page-green {
    --bg: #102719;
    --paragraph-text-color: #e2f5df;
    --header-2-color: #b8ed63;
    --header-3-color: #8fe0b0;
    --accent: #f3a5ff;
    --line: #5b8d69;
    --muted: #a0baa0;
    --card-bg: #193b27;
    --link-color: #71e7ff;
    --link-hover-color: #ffe36e;
    --quote: #f1ef8b;
    --caption: #ffad70;
    --font-weight: normal;
}

.page-red {
    --bg: #2a1019;
    --paragraph-text-color: #ffe7e9;
    --header-2-color: #ff9a4d;
    --header-3-color: #ffc2d8;
    --accent: #ff5c8a;
    --line: #a45d72;
    --muted: #c69aa8;
    --card-bg: #451a2a;
    --link-color: #87e8ff;
    --link-hover-color: #fff09a;
    --quote: #d5ffb5;
    --caption: #ffbd72;
    --font-weight: normal;
}

.page-gold {
    --bg: #241d0b;
    --paragraph-text-color: #fff1b0;
    --header-2-color: #f0db4c;
    --header-3-color: #ffd4f1;
    --accent: #ff8652;
    --line: #927c2b;
    --muted: #bfb17e;
    --card-bg: #3b2e0e;
    --link-color: #83e8ff;
    --link-hover-color: #f0db4c;
    --quote: #c4f08b;
    --caption: #ffb46b;
    --font-weight: normal;
}

.page-teal {
    --bg: #092728;
    --paragraph-text-color: #dcf5ed;
    --header-2-color: #61e1d3;
    --header-3-color: #a8e5da;
    --accent: #f59ecb;
    --line: #4f8e8b;
    --muted: #95bdb6;
    --card-bg: #103b3b;
    --link-color: #ffd66e;
    --link-hover-color: #ffffff;
    --quote: #b9ef85;
    --caption: #f5b26b;
    --font-weight: normal;
}

.page-navy {
    --bg: #0b1726;
    --paragraph-text-color: #dcecff;
    --header-2-color: #7bb7e8;
    --header-3-color: #b5c9e6;
    --accent: #e58ca8;
    --line: #496987;
    --muted: #96abc3;
    --card-bg: #12263b;
    --link-color: #8ee8e8;
    --link-hover-color: #f1cf70;
    --quote: #9ee0c0;
    --caption: #d7b5ee;
    --font-weight: normal;
}

.page-cobalt {
    --bg: #101548;
    --paragraph-text-color: #e4e8ff;
    --header-2-color: #75e1ff;
    --header-3-color: #c2baff;
    --accent: #ff83b7;
    --line: #5e68a5;
    --muted: #a3add4;
    --card-bg: #1b2461;
    --link-color: #ffe36e;
    --link-hover-color: #ffffff;
    --quote: #9ff2c4;
    --caption: #ffb477;
    --font-weight: normal;
}

.page-indigo {
    --bg: #17152f;
    --paragraph-text-color: #e9e4ff;
    --header-2-color: #a9a0ff;
    --header-3-color: #c7d4ff;
    --accent: #ff8bbd;
    --line: #68658f;
    --muted: #aaa4c8;
    --card-bg: #27234c;
    --link-color: #79e6ff;
    --link-hover-color: #ffe577;
    --quote: #9fe4b7;
    --caption: #edb1ff;
    --font-weight: normal;
}

.page-plum {
    --bg: #271329;
    --paragraph-text-color: #f9e3ed;
    --header-2-color: #ef9bbd;
    --header-3-color: #e5b6d4;
    --accent: #ff9c68;
    --line: #97647f;
    --muted: #c3a0ba;
    --card-bg: #43203e;
    --link-color: #8ddfe8;
    --link-hover-color: #ffe27a;
    --quote: #c5ef9a;
    --caption: #d0b3ff;
    --font-weight: normal;
}

.page-olive {
    --bg: #202510;
    --paragraph-text-color: #edf0c9;
    --header-2-color: #d4df61;
    --header-3-color: #d9ca83;
    --accent: #ef9ab4;
    --line: #777d40;
    --muted: #b1b58b;
    --card-bg: #33391a;
    --link-color: #87e1ed;
    --link-hover-color: #fff09b;
    --quote: #a7e69c;
    --caption: #f5b76a;
    --font-weight: normal;
}

.page-amber {
    --bg: #25170b;
    --paragraph-text-color: #ffedc5;
    --header-2-color: #f0b85a;
    --header-3-color: #f3d18c;
    --accent: #ec806e;
    --line: #936638;
    --muted: #c3a47d;
    --card-bg: #3b2511;
    --link-color: #8de2ed;
    --link-hover-color: #fff09a;
    --quote: #b8e69b;
    --caption: #f1a56b;
    --font-weight: normal;
}

.page-slate {
    --bg: #161b24;
    --paragraph-text-color: #e3e8ef;
    --header-2-color: #a7c7e8;
    --header-3-color: #c6cbd8;
    --accent: #e79ac2;
    --line: #667284;
    --muted: #a0adbf;
    --card-bg: #242d3a;
    --link-color: #75dce6;
    --link-hover-color: #f1d477;
    --quote: #a9dfb3;
    --caption: #d3b0f0;
    --font-weight: normal;
}

.page-acid-grape {
    --bg: #29004d;
    --paragraph-text-color: #fff4d6;
    --header-2-color: #c7ff00;
    --header-3-color: #ff70c8;
    --accent: #ff70c8;
    --line: #a568ce;
    --muted: #d1b4e5;
    --card-bg: #40086b;
    --link-color: #ff70c8;
    --link-hover-color: #c7ff00;
    --quote: #8dffdf;
    --caption: #c7ff00;
    --font-weight: normal;
}

.page-electric-pool {
    --bg: #102bc4;
    --paragraph-text-color: #ffffff;
    --header-2-color: #fff44f;
    --header-3-color: #ffc2e2;
    --accent: #ffc2e2;
    --line: #8bafff;
    --muted: #d0dcff;
    --card-bg: #092098;
    --link-color: #ffc2e2;
    --link-hover-color: #fff44f;
    --quote: #8dffe3;
    --caption: #fff44f;
    --font-weight: normal;
}

.page-cherry-soda {
    --bg: #510d29;
    --paragraph-text-color: #fff0d5;
    --header-2-color: #ff8a65;
    --header-3-color: #ffb6d5;
    --accent: #55eeff;
    --line: #c66a8c;
    --muted: #e4b5c6;
    --card-bg: #6b1738;
    --link-color: #55eeff;
    --link-hover-color: #ffe36e;
    --quote: #baff9f;
    --caption: #ff8a65;
    --font-weight: normal;
}

.page-alien-arcade {
    --bg: #062b22;
    --paragraph-text-color: #defff0;
    --header-2-color: #ff75cf;
    --header-3-color: #e5ff54;
    --accent: #ff75cf;
    --line: #4d9d83;
    --muted: #a4d4bf;
    --card-bg: #0b4032;
    --link-color: #e5ff54;
    --link-hover-color: #ff75cf;
    --quote: #77eeff;
    --caption: #e5ff54;
    --font-weight: normal;
}

.page-tangerine-dream {
    --bg: #702609;
    --paragraph-text-color: #fff3db;
    --header-2-color: #ffe36e;
    --header-3-color: #ffb9df;
    --accent: #70ffe1;
    --line: #d18a58;
    --muted: #efc2a4;
    --card-bg: #8b3411;
    --link-color: #70ffe1;
    --link-hover-color: #ffe36e;
    --quote: #baff9f;
    --caption: #ffe36e;
    --font-weight: normal;
}

.page-paper-punk {
    --bg: #ffe747;
    --paragraph-text-color: #181818;
    --header-2-color: #6200b8;
    --header-3-color: #181818;
    --accent: #6200b8;
    --line: #645600;
    --muted: #514600;
    --card-bg: #fff18d;
    --link-color: #003eb3;
    --link-hover-color: #8a003c;
    --quote: #164c35;
    --caption: #6200b8;
    --font-weight: normal;
}