/* Millatbooks colour themes. Generated by tools/themes.py — edit that file, not this one. */
[data-palette='emerald'] { --bg: #F2F0E9; --bg-2: #E9E6DC; --surface: #FFFFFF; --surface-2: #F8F7F2; --surface-3: #F0EEE6; --ink: #0E1A15; --ink-2: #45534C; --ink-3: #7B8780; --brand: #0B4F3A; --brand-2: #0E6B4E; --brand-ink: #FFFFFF; --mint: #3DDC97; --mint-2: #A6F4CE; --accent-text: #0A7A55; --side: #0A2B21; --side-ink: #DDEDE5; --hero-a: #0B3D2E; --hero-b: #11624A; --logo-bg: #0B4F3A; --line: rgba(14, 26, 21, 0.08); --line-2: rgba(14, 26, 21, 0.15); --glass: rgba(255, 255, 255, 0.72); --mint-rgb: 61 220 151; --hero-a-rgb: 11 61 46; --mint-ink: #04130B; --mint-soft: #AAFFD6; --on-deep: #E6F4EC; --side-ink-soft: #DDEDE5; --side-logo: #135F46; --deep-0: #04140E; --deep-1: #082A1F; --deep-2: #0B4433; --deep-3: #0F5A43; --card-a: #10261D; --card-b: #081812; --toast: #0D1813; --glow-2: #0EA5E9; --mint-soft-rgb: 170 255 214; --on-deep-rgb: 230 244 236; --side-ink-soft-rgb: 221 237 229; --deep-0-rgb: 4 20 14; --card-a-rgb: 16 38 29; --card-b-rgb: 8 24 18; }
:root[data-theme='dark'][data-palette='emerald'], :root[data-theme='dark'] [data-palette='emerald'] { --bg: #070E0B; --bg-2: #0B1511; --surface: #0F1A15; --surface-2: #13211B; --surface-3: #182A22; --ink: #E7F0EB; --ink-2: #A3B4AB; --ink-3: #6B7D74; --brand: #3DDC97; --brand-2: #63E8AE; --brand-ink: #03130B; --mint: #3DDC97; --mint-2: #A6F4CE; --accent-text: #5BE3A6; --side: #050B08; --side-ink: #CFE3D9; --hero-a: #0A3326; --hero-b: #0F5440; --logo-bg: #0E3B2C; --line: rgba(231, 240, 235, 0.07); --line-2: rgba(231, 240, 235, 0.14); --glass: rgba(15, 26, 21, 0.72); --mint-rgb: 61 220 151; --hero-a-rgb: 10 51 38; }
[data-palette='lagoon'] { --bg: #E9F2F2; --bg-2: #DCE9E9; --surface: #FFFFFF; --surface-2: #F2F8F8; --surface-3: #E6F0F0; --ink: #0C1A1A; --ink-2: #425353; --ink-3: #788787; --brand: #004D4E; --brand-2: #006869; --brand-ink: #FFFFFF; --mint: #00D7DA; --mint-2: #91F3F8; --accent-text: #007775; --side: #022A2C; --side-ink: #DAEDED; --hero-a: #003C3E; --hero-b: #006062; --logo-bg: #004D4E; --line: rgba(12, 26, 26, 0.08); --line-2: rgba(12, 26, 26, 0.15); --glass: rgba(255, 255, 255, 0.72); --mint-rgb: 0 215 218; --hero-a-rgb: 0 60 62; --mint-ink: #001313; --mint-soft: #A5FBFF; --on-deep: #E3F4F4; --side-ink-soft: #DAEDED; --side-logo: #005D5E; --deep-0: #021414; --deep-1: #002A2B; --deep-2: #004345; --deep-3: #00585A; --card-a: #0A2626; --card-b: #051818; --toast: #0A1818; --glow-2: #00A6E6; --mint-soft-rgb: 165 251 255; --on-deep-rgb: 227 244 244; --side-ink-soft-rgb: 218 237 237; --deep-0-rgb: 2 20 20; --card-a-rgb: 10 38 38; --card-b-rgb: 5 24 24; }
:root[data-theme='dark'][data-palette='lagoon'], :root[data-theme='dark'] [data-palette='lagoon'] { --bg: #060E0E; --bg-2: #091515; --surface: #0D1A1A; --surface-2: #102121; --surface-3: #142A2A; --ink: #E5F0F0; --ink-2: #9FB4B4; --ink-3: #677D7D; --brand: #00D7DA; --brand-2: #00E7EE; --brand-ink: #001314; --mint: #00D7DA; --mint-2: #91F3F8; --accent-text: #00E1E6; --side: #040B0B; --side-ink: #CBE3E2; --hero-a: #003234; --hero-b: #005255; --logo-bg: #003A3B; --line: rgba(229, 240, 240, 0.07); --line-2: rgba(229, 240, 240, 0.14); --glass: rgba(13, 26, 26, 0.72); --mint-rgb: 0 215 218; --hero-a-rgb: 0 50 52; }
[data-palette='ocean'] { --bg: #EBF1F6; --bg-2: #DEE8EE; --surface: #FFFFFF; --surface-2: #F3F8FB; --surface-3: #E8EFF5; --ink: #0F181F; --ink-2: #45515A; --ink-3: #7B858D; --brand: #09476C; --brand-2: #026191; --brand-ink: #FFFFFF; --mint: #5BCBFF; --mint-2: #BEE7FF; --accent-text: #006FA1; --side: #0D273A; --side-ink: #DDEBF5; --hero-a: #0E3753; --hero-b: #135884; --logo-bg: #09476C; --line: rgba(15, 24, 31, 0.08); --line-2: rgba(15, 24, 31, 0.15); --glass: rgba(255, 255, 255, 0.72); --mint-rgb: 91 203 255; --hero-a-rgb: 14 55 83; --mint-ink: #01111A; --mint-soft: #D3EEFF; --on-deep: #E6F2FB; --side-ink-soft: #DDEBF5; --side-logo: #0D5680; --deep-0: #04121D; --deep-1: #09263A; --deep-2: #0D3D5D; --deep-3: #0E517A; --card-a: #0E2331; --card-b: #081620; --toast: #0D161D; --glow-2: #898DF3; --mint-soft-rgb: 211 238 255; --on-deep-rgb: 230 242 251; --side-ink-soft-rgb: 221 235 245; --deep-0-rgb: 4 18 29; --card-a-rgb: 14 35 49; --card-b-rgb: 8 22 32; }
:root[data-theme='dark'][data-palette='ocean'], :root[data-theme='dark'] [data-palette='ocean'] { --bg: #070D11; --bg-2: #0C1419; --surface: #0F181F; --surface-2: #141F27; --surface-3: #192732; --ink: #E7EFF5; --ink-2: #A3B2BC; --ink-3: #6B7A86; --brand: #5BCBFF; --brand-2: #8CD6FF; --brand-ink: #01111B; --mint: #5BCBFF; --mint-2: #BEE7FF; --accent-text: #7BD2FF; --side: #050A0E; --side-ink: #CFE0ED; --hero-a: #0B2E46; --hero-b: #144C72; --logo-bg: #0D3550; --line: rgba(231, 239, 245, 0.07); --line-2: rgba(231, 239, 245, 0.14); --glass: rgba(15, 24, 31, 0.72); --mint-rgb: 91 203 255; --hero-a-rgb: 11 46 70; }
[data-palette='indigo'] { --bg: #EEF0F7; --bg-2: #E3E6F0; --surface: #FFFFFF; --surface-2: #F5F7FC; --surface-3: #ECEEF5; --ink: #141620; --ink-2: #4C4F5B; --ink-3: #80838E; --brand: #363C75; --brand-2: #49529E; --brand-ink: #FFFFFF; --mint: #AFB6FF; --mint-2: #DBDDFF; --accent-text: #4E5EB7; --side: #1F213F; --side-ink: #E4E8F6; --hero-a: #2B2E59; --hero-b: #464B8F; --logo-bg: #363C75; --line: rgba(20, 22, 32, 0.08); --line-2: rgba(20, 22, 32, 0.15); --glass: rgba(255, 255, 255, 0.72); --mint-rgb: 175 182 255; --hero-a-rgb: 43 46 89; --mint-ink: #0D0D1E; --mint-soft: #E6E7FF; --on-deep: #ECEFFD; --side-ink-soft: #E4E8F6; --side-logo: #41498B; --deep-0: #0D0E1F; --deep-1: #1D203E; --deep-2: #303464; --deep-3: #3F4584; --card-a: #1B1F36; --card-b: #111323; --toast: #13151E; --glow-2: #BC7BD8; --mint-soft-rgb: 230 231 255; --on-deep-rgb: 236 239 253; --side-ink-soft-rgb: 228 232 246; --deep-0-rgb: 13 14 31; --card-a-rgb: 27 31 54; --card-b-rgb: 17 19 35; }
:root[data-theme='dark'][data-palette='indigo'], :root[data-theme='dark'] [data-palette='indigo'] { --bg: #0A0C12; --bg-2: #10121A; --surface: #151720; --surface-2: #1A1D28; --surface-3: #212533; --ink: #EBEDF6; --ink-2: #ABAEBE; --ink-3: #737787; --brand: #AFB6FF; --brand-2: #C2C5FF; --brand-ink: #0D0D1E; --mint: #AFB6FF; --mint-2: #DBDDFF; --accent-text: #BBC0FF; --side: #08090F; --side-ink: #D8DDEF; --hero-a: #24274B; --hero-b: #3D407A; --logo-bg: #292D56; --line: rgba(235, 237, 246, 0.07); --line-2: rgba(235, 237, 246, 0.14); --glass: rgba(21, 23, 32, 0.72); --mint-rgb: 175 182 255; --hero-a-rgb: 36 39 75; }
[data-palette='royal'] { --bg: #EDF0F7; --bg-2: #E2E6F1; --surface: #FFFFFF; --surface-2: #F5F7FC; --surface-3: #EAEEF6; --ink: #131721; --ink-2: #4A4F5C; --ink-3: #7E8390; --brand: #32406E; --brand-2: #435794; --brand-ink: #FFFFFF; --mint: #E8B523; --mint-2: #F7DE9C; --accent-text: #7A5A0C; --side: #1D233B; --side-ink: #E2E8F8; --hero-a: #283154; --hero-b: #404F87; --logo-bg: #32406E; --line: rgba(19, 23, 33, 0.08); --line-2: rgba(19, 23, 33, 0.15); --glass: rgba(255, 255, 255, 0.72); --mint-rgb: 232 181 35; --hero-a-rgb: 40 49 84; --mint-ink: #140E03; --mint-soft: #FFE8AA; --on-deep: #EAF0FE; --side-ink-soft: #E2E8F8; --side-logo: #3C4E83; --deep-0: #0B0F1D; --deep-1: #1A223B; --deep-2: #2C375E; --deep-3: #3A497C; --card-a: #192033; --card-b: #101421; --toast: #11151F; --glow-2: #B37EDF; --mint-soft-rgb: 255 232 170; --on-deep-rgb: 234 240 254; --side-ink-soft-rgb: 226 232 248; --deep-0-rgb: 11 15 29; --card-a-rgb: 25 32 51; --card-b-rgb: 16 20 33; }
:root[data-theme='dark'][data-palette='royal'], :root[data-theme='dark'] [data-palette='royal'] { --bg: #090C12; --bg-2: #0F121B; --surface: #131721; --surface-2: #181D29; --surface-3: #1F2535; --ink: #EAEDF6; --ink-2: #A8AFC0; --ink-3: #717889; --brand: #E8B523; --brand-2: #EFC656; --brand-ink: #140E02; --mint: #E8B523; --mint-2: #F7DE9C; --accent-text: #ECC04B; --side: #07090F; --side-ink: #D5DDF1; --hero-a: #212947; --hero-b: #384473; --logo-bg: #263051; --line: rgba(234, 237, 246, 0.07); --line-2: rgba(234, 237, 246, 0.14); --glass: rgba(19, 23, 33, 0.72); --mint-rgb: 232 181 35; --hero-a-rgb: 33 41 71; }
[data-palette='amethyst'] { --bg: #F1EEF5; --bg-2: #E8E4EE; --surface: #FFFFFF; --surface-2: #F8F6FB; --surface-3: #EFECF4; --ink: #19151E; --ink-2: #524C59; --ink-3: #86818C; --brand: #4F3469; --brand-2: #6B478E; --brand-ink: #FFFFFF; --mint: #D3A6FF; --mint-2: #ECD6FF; --accent-text: #7750A6; --side: #2C1C38; --side-ink: #EBE5F4; --hero-a: #3E2850; --hero-b: #634280; --logo-bg: #4F3469; --line: rgba(25, 21, 30, 0.08); --line-2: rgba(25, 21, 30, 0.15); --glass: rgba(255, 255, 255, 0.72); --mint-rgb: 211 166 255; --hero-a-rgb: 62 40 80; --mint-ink: #130B1A; --mint-soft: #F2E2FF; --on-deep: #F3EDFA; --side-ink-soft: #EBE5F4; --side-logo: #5F407E; --deep-0: #140C1B; --deep-1: #2B1B38; --deep-2: #452D59; --deep-3: #5B3C76; --card-a: #261C31; --card-b: #18101F; --toast: #17131C; --glow-2: #D871AE; --mint-soft-rgb: 242 226 255; --on-deep-rgb: 243 237 250; --side-ink-soft-rgb: 235 229 244; --deep-0-rgb: 20 12 27; --card-a-rgb: 38 28 49; --card-b-rgb: 24 16 31; }
:root[data-theme='dark'][data-palette='amethyst'], :root[data-theme='dark'] [data-palette='amethyst'] { --bg: #0D0B11; --bg-2: #141119; --surface: #19151E; --surface-2: #201B26; --surface-3: #292231; --ink: #EFECF4; --ink-2: #B2ACBB; --ink-3: #7B7584; --brand: #D3A6FF; --brand-2: #DFB9FF; --brand-ink: #130B1A; --mint: #D3A6FF; --mint-2: #ECD6FF; --accent-text: #DAB2FF; --side: #0A080E; --side-ink: #E1DAEB; --hero-a: #342143; --hero-b: #56386D; --logo-bg: #3B284E; --line: rgba(239, 236, 244, 0.07); --line-2: rgba(239, 236, 244, 0.14); --glass: rgba(25, 21, 30, 0.72); --mint-rgb: 211 166 255; --hero-a-rgb: 52 33 67; }
[data-palette='rose'] { --bg: #F6EDF0; --bg-2: #EEE2E6; --surface: #FFFFFF; --surface-2: #FBF5F7; --surface-3: #F4EBEE; --ink: #1F1317; --ink-2: #594B50; --ink-3: #8D7F84; --brand: #682B44; --brand-2: #8C3A5D; --brand-ink: #FFFFFF; --mint: #FF99B7; --mint-2: #FFD3DC; --accent-text: #9F406E; --side: #391823; --side-ink: #F4E3E9; --hero-a: #502233; --hero-b: #803754; --logo-bg: #682B44; --line: rgba(31, 19, 23, 0.08); --line-2: rgba(31, 19, 23, 0.15); --glass: rgba(255, 255, 255, 0.72); --mint-rgb: 255 153 183; --hero-a-rgb: 80 34 51; --mint-ink: #1A090E; --mint-soft: #FFE0E6; --on-deep: #FBEBF0; --side-ink-soft: #F4E3E9; --side-logo: #7B3553; --deep-0: #1C0A10; --deep-1: #381723; --deep-2: #592539; --deep-3: #75324D; --card-a: #301822; --card-b: #200E14; --toast: #1C1216; --glow-2: #E67458; --mint-soft-rgb: 255 224 230; --on-deep-rgb: 251 235 240; --side-ink-soft-rgb: 244 227 233; --deep-0-rgb: 28 10 16; --card-a-rgb: 48 24 34; --card-b-rgb: 32 14 20; }
:root[data-theme='dark'][data-palette='rose'], :root[data-theme='dark'] [data-palette='rose'] { --bg: #110A0C; --bg-2: #190F13; --surface: #1E1418; --surface-2: #26191E; --surface-3: #312026; --ink: #F4EAEE; --ink-2: #BCAAB0; --ink-3: #857279; --brand: #FF99B7; --brand-2: #FFB2C4; --brand-ink: #1B090D; --mint: #FF99B7; --mint-2: #FFD3DC; --accent-text: #FFA9BF; --side: #0E0709; --side-ink: #ECD7DE; --hero-a: #431C2B; --hero-b: #6E2F47; --logo-bg: #4D2133; --line: rgba(244, 234, 238, 0.07); --line-2: rgba(244, 234, 238, 0.14); --glass: rgba(30, 20, 24, 0.72); --mint-rgb: 255 153 183; --hero-a-rgb: 67 28 43; }
[data-palette='ruby'] { --bg: #F6EEED; --bg-2: #EFE3E2; --surface: #FFFFFF; --surface-2: #FBF5F5; --surface-3: #F5EBEB; --ink: #1F1313; --ink-2: #5A4B4A; --ink-3: #8E807F; --brand: #6E2928; --brand-2: #953738; --brand-ink: #FFFFFF; --mint: #FF9F94; --mint-2: #FFD5CD; --accent-text: #AB3B43; --side: #3C1815; --side-ink: #F6E4E2; --hero-a: #55211E; --hero-b: #873533; --logo-bg: #6E2928; --line: rgba(31, 19, 19, 0.08); --line-2: rgba(31, 19, 19, 0.15); --glass: rgba(255, 255, 255, 0.72); --mint-rgb: 255 159 148; --hero-a-rgb: 85 33 30; --mint-ink: #1B0908; --mint-soft: #FFE2DD; --on-deep: #FCECEA; --side-ink-soft: #F6E4E2; --side-logo: #833333; --deep-0: #1E0908; --deep-1: #3B1614; --deep-2: #5F2422; --deep-3: #7D302E; --card-a: #331817; --card-b: #220E0D; --toast: #1D1211; --glow-2: #D9821F; --mint-soft-rgb: 255 226 221; --on-deep-rgb: 252 236 234; --side-ink-soft-rgb: 246 228 226; --deep-0-rgb: 30 9 8; --card-a-rgb: 51 24 23; --card-b-rgb: 34 14 13; }
:root[data-theme='dark'][data-palette='ruby'], :root[data-theme='dark'] [data-palette='ruby'] { --bg: #110A0A; --bg-2: #19100F; --surface: #1F1413; --surface-2: #271919; --surface-3: #32201F; --ink: #F5EBEA; --ink-2: #BDAAA9; --ink-3: #877371; --brand: #FF9F94; --brand-2: #FFB6AA; --brand-ink: #1C0907; --mint: #FF9F94; --mint-2: #FFD5CD; --accent-text: #FFAEA2; --side: #0E0707; --side-ink: #EED7D6; --hero-a: #471B19; --hero-b: #742E2A; --logo-bg: #52201F; --line: rgba(245, 235, 234, 0.07); --line-2: rgba(245, 235, 234, 0.14); --glass: rgba(31, 20, 19, 0.72); --mint-rgb: 255 159 148; --hero-a-rgb: 71 27 25; }
[data-palette='terracotta'] { --bg: #F6EEEB; --bg-2: #EEE3DF; --surface: #FFFFFF; --surface-2: #FBF6F3; --surface-3: #F5ECE8; --ink: #1F140F; --ink-2: #5A4C46; --ink-3: #8D817B; --brand: #653319; --brand-2: #894524; --brand-ink: #FFFFFF; --mint: #FFA36A; --mint-2: #FFD7BD; --accent-text: #9E4D28; --side: #361D0E; --side-ink: #F5E5DE; --hero-a: #4E2814; --hero-b: #7C4121; --logo-bg: #653319; --line: rgba(31, 20, 15, 0.08); --line-2: rgba(31, 20, 15, 0.15); --glass: rgba(255, 255, 255, 0.72); --mint-rgb: 255 163 106; --hero-a-rgb: 78 40 20; --mint-ink: #190B04; --mint-soft: #FFE3D1; --on-deep: #FBEDE6; --side-ink-soft: #F5E5DE; --side-logo: #793F22; --deep-0: #1B0C05; --deep-1: #361B0D; --deep-2: #572D16; --deep-3: #723B1E; --card-a: #2F1B12; --card-b: #1F1009; --toast: #1D130E; --glow-2: #C19100; --mint-soft-rgb: 255 227 209; --on-deep-rgb: 251 237 230; --side-ink-soft-rgb: 245 229 222; --deep-0-rgb: 27 12 5; --card-a-rgb: 47 27 18; --card-b-rgb: 31 16 9; }
:root[data-theme='dark'][data-palette='terracotta'], :root[data-theme='dark'] [data-palette='terracotta'] { --bg: #110A08; --bg-2: #19100C; --surface: #1F1510; --surface-2: #271A15; --surface-3: #31211A; --ink: #F5EBE7; --ink-2: #BCABA4; --ink-3: #85746C; --brand: #FFA36A; --brand-2: #FFB98C; --brand-ink: #190B03; --mint: #FFA36A; --mint-2: #FFD7BD; --accent-text: #FFB180; --side: #0E0806; --side-ink: #EDD9D0; --hero-a: #412210; --hero-b: #6A381C; --logo-bg: #4B2715; --line: rgba(245, 235, 231, 0.07); --line-2: rgba(245, 235, 231, 0.14); --glass: rgba(31, 21, 16, 0.72); --mint-rgb: 255 163 106; --hero-a-rgb: 65 34 16; }
[data-palette='saffron'] { --bg: #F4EFE9; --bg-2: #ECE5DC; --surface: #FFFFFF; --surface-2: #FAF6F2; --surface-3: #F3EDE6; --ink: #1D150D; --ink-2: #574D43; --ink-3: #8B8279; --brand: #5B3B0D; --brand-2: #7C5011; --brand-ink: #FFFFFF; --mint: #F4AE00; --mint-2: #FFDB97; --accent-text: #8F590C; --side: #31210A; --side-ink: #F2E7DB; --hero-a: #452E0C; --hero-b: #704B14; --logo-bg: #5B3B0D; --line: rgba(29, 21, 13, 0.08); --line-2: rgba(29, 21, 13, 0.15); --glass: rgba(255, 255, 255, 0.72); --mint-rgb: 244 174 0; --hero-a-rgb: 69 46 12; --mint-ink: #160E02; --mint-soft: #FFE6B8; --on-deep: #F8EEE3; --side-ink-soft: #F2E7DB; --side-logo: #6D4814; --deep-0: #170E04; --deep-1: #302008; --deep-2: #4E340D; --deep-3: #674411; --card-a: #2B1E0E; --card-b: #1B1207; --toast: #1B140C; --glow-2: #E4764E; --mint-soft-rgb: 255 230 184; --on-deep-rgb: 248 238 227; --side-ink-soft-rgb: 242 231 219; --deep-0-rgb: 23 14 4; --card-a-rgb: 43 30 14; --card-b-rgb: 27 18 7; }
:root[data-theme='dark'][data-palette='saffron'], :root[data-theme='dark'] [data-palette='saffron'] { --bg: #100B07; --bg-2: #17110A; --surface: #1D160E; --surface-2: #241C12; --surface-3: #2F2316; --ink: #F3ECE5; --ink-2: #B9ADA0; --ink-3: #827668; --brand: #F4AE00; --brand-2: #FCC043; --brand-ink: #160D01; --mint: #F4AE00; --mint-2: #FFDB97; --accent-text: #F9BA35; --side: #0D0805; --side-ink: #E9DBCC; --hero-a: #3A270A; --hero-b: #5F4012; --logo-bg: #432D0E; --line: rgba(243, 236, 229, 0.07); --line-2: rgba(243, 236, 229, 0.14); --glass: rgba(29, 22, 14, 0.72); --mint-rgb: 244 174 0; --hero-a-rgb: 58 39 10; }
[data-palette='chai'] { --bg: #F7EEE8; --bg-2: #EFE4DA; --surface: #FFFFFF; --surface-2: #FCF6F1; --surface-3: #F5ECE5; --ink: #20140B; --ink-2: #5B4C40; --ink-3: #8E8176; --brand: #543D2A; --brand-2: #72533A; --brand-ink: #FFFFFF; --mint: #E1B47B; --mint-2: #F5DCBB; --accent-text: #845E41; --side: #2D2217; --side-ink: #F6E5D8; --hero-a: #413021; --hero-b: #684D36; --logo-bg: #543D2A; --line: rgba(32, 20, 11, 0.08); --line-2: rgba(32, 20, 11, 0.15); --glass: rgba(255, 255, 255, 0.72); --mint-rgb: 225 180 123; --hero-a-rgb: 65 48 33; --mint-ink: #140E08; --mint-soft: #FFE5C3; --on-deep: #FDEDE1; --side-ink-soft: #F6E5D8; --side-logo: #654B34; --deep-0: #150F09; --deep-1: #2D2016; --deep-2: #483524; --deep-3: #604731; --card-a: #281F17; --card-b: #19130D; --toast: #1D130A; --glow-2: #CA8674; --mint-soft-rgb: 255 229 195; --on-deep-rgb: 253 237 225; --side-ink-soft-rgb: 246 229 216; --deep-0-rgb: 21 15 9; --card-a-rgb: 40 31 23; --card-b-rgb: 25 19 13; }
:root[data-theme='dark'][data-palette='chai'], :root[data-theme='dark'] [data-palette='chai'] { --bg: #120A05; --bg-2: #1A1008; --surface: #20150C; --surface-2: #281A0F; --surface-3: #332113; --ink: #F5EBE4; --ink-2: #BEAB9D; --ink-3: #877465; --brand: #E1B47B; --brand-2: #EAC491; --brand-ink: #130E07; --mint: #E1B47B; --mint-2: #F5DCBB; --accent-text: #E6BE8B; --side: #0E0804; --side-ink: #EED9C8; --hero-a: #36281B; --hero-b: #59422E; --logo-bg: #3F2E20; --line: rgba(245, 235, 228, 0.07); --line-2: rgba(245, 235, 228, 0.14); --glass: rgba(32, 21, 12, 0.72); --mint-rgb: 225 180 123; --hero-a-rgb: 54 40 27; }
[data-palette='graphite'] { --bg: #EFF0F2; --bg-2: #E5E6E8; --surface: #FFFFFF; --surface-2: #F6F7F8; --surface-3: #EDEEF0; --ink: #161719; --ink-2: #4D4F52; --ink-3: #828486; --brand: #1C1D20; --brand-2: #3A3C41; --brand-ink: #FFFFFF; --mint: #E8E9EC; --mint-2: #F4F4F6; --accent-text: #3A3C41; --side: #242426; --side-ink: #E6E9EC; --hero-a: #333435; --hero-b: #525356; --logo-bg: #1C1D20; --line: rgba(22, 23, 25, 0.08); --line-2: rgba(22, 23, 25, 0.15); --glass: rgba(255, 255, 255, 0.72); --mint-rgb: 232 233 236; --hero-a-rgb: 51 52 53; --mint-ink: #0B0C0E; --mint-soft: #F4F4F6; --on-deep: #EEF0F3; --side-ink-soft: #E6E9EC; --side-logo: #4F5154; --deep-0: #101011; --deep-1: #232325; --deep-2: #383A3C; --deep-3: #4B4C4F; --card-a: #202122; --card-b: #141415; --toast: #141517; --glow-2: #9A9A9A; --mint-soft-rgb: 244 244 246; --on-deep-rgb: 238 240 243; --side-ink-soft-rgb: 230 233 236; --deep-0-rgb: 16 16 17; --card-a-rgb: 32 33 34; --card-b-rgb: 20 20 21; }
:root[data-theme='dark'][data-palette='graphite'], :root[data-theme='dark'] [data-palette='graphite'] { --bg: #0B0C0E; --bg-2: #111314; --surface: #161719; --surface-2: #1C1E20; --surface-3: #242629; --ink: #ECEDEF; --ink-2: #ADAFB3; --ink-3: #76787C; --brand: #ECEDF0; --brand-2: #FFFFFF; --brand-ink: #0B0C0E; --mint: #ECEDF0; --mint-2: #F4F4F6; --accent-text: #E2E3E7; --side: #08090B; --side-ink: #DBDDE2; --hero-a: #2A2B2D; --hero-b: #46474A; --logo-bg: #313234; --line: rgba(236, 237, 239, 0.07); --line-2: rgba(236, 237, 239, 0.14); --glass: rgba(22, 23, 25, 0.72); --mint-rgb: 236 237 240; --hero-a-rgb: 42 43 45; }