/* ---- City themes: the look over the living city. Generated by skins.py; sd-cities.js sets data-ct. ---- */
:root[data-palette="dubai"] { --bg: #0B0F1E; --paper: #141A2E; --ink: #F4EEE2; --muted: #BDB5A6; --line: #2C3350; --wash: #182038; --accent: #E8B04A; --accent-hover: #F2C46C; --gold: #3FC1C9; --gold-text: #6FD6DC; --on-accent: #1A1206; --crimson: #E8B04A; --crimson-hover: #F2C46C; --crimson-wash: color-mix(in srgb, #E8B04A 16%, #0B0F1E); --accent-line: color-mix(in srgb, #E8B04A 40%, #0B0F1E); --accent-text: #E8B04A; --accent-soft: #E8B04A; --mid: #3FC1C9; --second: #3FC1C9; --second-text: #6FD6DC; --second-wash: #182038; --field: #141A2E; --dg-new: #3FC1C9; --dg-newtext: #6FD6DC; --dg-area: color-mix(in srgb, #3FC1C9 22%, transparent); --dg-main: #E8B04A; --rw-glass: rgba(20,26,46,.76); --rw-glassln: rgba(255,255,255,.14); --rw-tsh: 0 2px 22px rgba(0,0,0,.7), 0 1px 3px rgba(0,0,0,.6); color-scheme: dark; }
:root[data-palette="dubai"][data-ct="morning"] { --bg: #F4EEE3; --paper: #FFFBF4; --ink: #1E1A14; --muted: #5A5246; --line: #DCCFB8; --wash: #F1E7D6; --accent: #9A6512; --accent-hover: #7E520E; --gold: #0F7C83; --gold-text: #0C6A70; --on-accent: #FFFFFF; --crimson: #9A6512; --crimson-hover: #7E520E; --crimson-wash: color-mix(in srgb, #9A6512 16%, #F4EEE3); --accent-line: color-mix(in srgb, #9A6512 40%, #F4EEE3); --accent-text: #9A6512; --accent-soft: #9A6512; --mid: #0F7C83; --second: #0F7C83; --second-text: #0C6A70; --second-wash: #F1E7D6; --field: #FFFFFF; --dg-new: #0F7C83; --dg-newtext: #0C6A70; --dg-area: color-mix(in srgb, #0F7C83 22%, transparent); --dg-main: #9A6512; --rw-glass: rgba(255,251,244,.84); --rw-glassln: rgba(30,26,20,.14); --rw-tsh: 0 1px 16px rgba(244,238,227,.95), 0 0 2px rgba(244,238,227,.95); --ok: #2E6B3A; --ok-wash: #E4EEDF; --no: #A3262A; --no-wash: #F5E1DD; --note: #8A5A12; --note-wash: #F6EBD6; --shade: rgba(20, 20, 30, .45); color-scheme: light; }
:root[data-palette="dubai"][data-ct="day"] { --bg: #F4EEE3; --paper: #FFFBF4; --ink: #1E1A14; --muted: #5A5246; --line: #DCCFB8; --wash: #F1E7D6; --accent: #9A6512; --accent-hover: #7E520E; --gold: #0F7C83; --gold-text: #0C6A70; --on-accent: #FFFFFF; --crimson: #9A6512; --crimson-hover: #7E520E; --crimson-wash: color-mix(in srgb, #9A6512 16%, #F4EEE3); --accent-line: color-mix(in srgb, #9A6512 40%, #F4EEE3); --accent-text: #9A6512; --accent-soft: #9A6512; --mid: #0F7C83; --second: #0F7C83; --second-text: #0C6A70; --second-wash: #F1E7D6; --field: #FFFFFF; --dg-new: #0F7C83; --dg-newtext: #0C6A70; --dg-area: color-mix(in srgb, #0F7C83 22%, transparent); --dg-main: #9A6512; --rw-glass: rgba(255,251,244,.84); --rw-glassln: rgba(30,26,20,.14); --rw-tsh: 0 1px 16px rgba(244,238,227,.95), 0 0 2px rgba(244,238,227,.95); --ok: #2E6B3A; --ok-wash: #E4EEDF; --no: #A3262A; --no-wash: #F5E1DD; --note: #8A5A12; --note-wash: #F6EBD6; --shade: rgba(20, 20, 30, .45); color-scheme: light; }
:root[data-palette="dubai"] h1, :root[data-palette="dubai"] h2, :root[data-palette="dubai"] h3, :root[data-palette="dubai"] h4, :root[data-palette="dubai"] .mark, :root[data-palette="dubai"] .brand, :root[data-palette="dubai"] .hello, :root[data-palette="dubai"] .hbrand, :root[data-palette="dubai"] .start-h, :root[data-palette="dubai"] .start-brand, :root[data-palette="dubai"] .brandbtn, :root[data-palette="dubai"] .bs-hero h1 { font-family: var(--display); }
:root[data-palette="dubai"] :is(.hero, .bs-hero, .start) :is(h1, h2, p, .rule, .lede, .tag) { text-shadow: var(--rw-tsh); }
:root[data-palette="dubai"] :is(.subject, .tcard, .pbox, .grp, .hp-cont, .hp-res, .hp-stat, .panel, .card, .nb-card, .notice, .news-card, .myprompt) { background-color: var(--rw-glass) !important; border-color: var(--rw-glassln); -webkit-backdrop-filter: blur(12px) saturate(1.15); backdrop-filter: blur(12px) saturate(1.15); }
:root[data-palette="dubai"] body { background-image: none; }
:root[data-palette="london"] { --bg: #0C1118; --paper: #151C26; --ink: #EEF0F2; --muted: #AEB6C0; --line: #2C3644; --wash: #18212D; --accent: #FF6B70; --accent-hover: #FF8A8E; --gold: #D9B26A; --gold-text: #E6C68A; --on-accent: #1A0507; --crimson: #FF6B70; --crimson-hover: #FF8A8E; --crimson-wash: color-mix(in srgb, #FF6B70 16%, #0C1118); --accent-line: color-mix(in srgb, #FF6B70 40%, #0C1118); --accent-text: #FF6B70; --accent-soft: #FF6B70; --mid: #D9B26A; --second: #D9B26A; --second-text: #E6C68A; --second-wash: #18212D; --field: #151C26; --dg-new: #D9B26A; --dg-newtext: #E6C68A; --dg-area: color-mix(in srgb, #D9B26A 22%, transparent); --dg-main: #FF6B70; --rw-glass: rgba(21,28,38,.76); --rw-glassln: rgba(255,255,255,.14); --rw-tsh: 0 2px 22px rgba(0,0,0,.7), 0 1px 3px rgba(0,0,0,.6); color-scheme: dark; }
:root[data-palette="london"][data-ct="morning"] { --bg: #E9ECEF; --paper: #FAFBFC; --ink: #141A22; --muted: #4A5562; --line: #C9D0D8; --wash: #EEF1F4; --accent: #B3202A; --accent-hover: #8F1820; --gold: #7A5A1E; --gold-text: #6A4E1A; --on-accent: #FFFFFF; --crimson: #B3202A; --crimson-hover: #8F1820; --crimson-wash: color-mix(in srgb, #B3202A 16%, #E9ECEF); --accent-line: color-mix(in srgb, #B3202A 40%, #E9ECEF); --accent-text: #B3202A; --accent-soft: #B3202A; --mid: #7A5A1E; --second: #7A5A1E; --second-text: #6A4E1A; --second-wash: #EEF1F4; --field: #FFFFFF; --dg-new: #7A5A1E; --dg-newtext: #6A4E1A; --dg-area: color-mix(in srgb, #7A5A1E 22%, transparent); --dg-main: #B3202A; --rw-glass: rgba(250,251,252,.84); --rw-glassln: rgba(20,26,34,.14); --rw-tsh: 0 1px 16px rgba(233,236,239,.95), 0 0 2px rgba(233,236,239,.95); --ok: #2E6B3A; --ok-wash: #E4EEDF; --no: #A3262A; --no-wash: #F5E1DD; --note: #8A5A12; --note-wash: #F6EBD6; --shade: rgba(20, 20, 30, .45); color-scheme: light; }
:root[data-palette="london"][data-ct="day"] { --bg: #E9ECEF; --paper: #FAFBFC; --ink: #141A22; --muted: #4A5562; --line: #C9D0D8; --wash: #EEF1F4; --accent: #B3202A; --accent-hover: #8F1820; --gold: #7A5A1E; --gold-text: #6A4E1A; --on-accent: #FFFFFF; --crimson: #B3202A; --crimson-hover: #8F1820; --crimson-wash: color-mix(in srgb, #B3202A 16%, #E9ECEF); --accent-line: color-mix(in srgb, #B3202A 40%, #E9ECEF); --accent-text: #B3202A; --accent-soft: #B3202A; --mid: #7A5A1E; --second: #7A5A1E; --second-text: #6A4E1A; --second-wash: #EEF1F4; --field: #FFFFFF; --dg-new: #7A5A1E; --dg-newtext: #6A4E1A; --dg-area: color-mix(in srgb, #7A5A1E 22%, transparent); --dg-main: #B3202A; --rw-glass: rgba(250,251,252,.84); --rw-glassln: rgba(20,26,34,.14); --rw-tsh: 0 1px 16px rgba(233,236,239,.95), 0 0 2px rgba(233,236,239,.95); --ok: #2E6B3A; --ok-wash: #E4EEDF; --no: #A3262A; --no-wash: #F5E1DD; --note: #8A5A12; --note-wash: #F6EBD6; --shade: rgba(20, 20, 30, .45); color-scheme: light; }
:root[data-palette="london"] h1, :root[data-palette="london"] h2, :root[data-palette="london"] h3, :root[data-palette="london"] h4, :root[data-palette="london"] .mark, :root[data-palette="london"] .brand, :root[data-palette="london"] .hello, :root[data-palette="london"] .hbrand, :root[data-palette="london"] .start-h, :root[data-palette="london"] .start-brand, :root[data-palette="london"] .brandbtn, :root[data-palette="london"] .bs-hero h1 { font-family: var(--display); }
:root[data-palette="london"] :is(.hero, .bs-hero, .start) :is(h1, h2, p, .rule, .lede, .tag) { text-shadow: var(--rw-tsh); }
:root[data-palette="london"] :is(.subject, .tcard, .pbox, .grp, .hp-cont, .hp-res, .hp-stat, .panel, .card, .nb-card, .notice, .news-card, .myprompt) { background-color: var(--rw-glass) !important; border-color: var(--rw-glassln); -webkit-backdrop-filter: blur(12px) saturate(1.15); backdrop-filter: blur(12px) saturate(1.15); }
:root[data-palette="london"] body { background-image: none; }
:root[data-palette="paris"] { --bg: #14121F; --paper: #1E1B2C; --ink: #F5EFEA; --muted: #C4B9C2; --line: #3A3350; --wash: #231F34; --accent: #E9B872; --accent-hover: #F2CB90; --gold: #E79AB4; --gold-text: #F0B5C9; --on-accent: #1C1206; --crimson: #E9B872; --crimson-hover: #F2CB90; --crimson-wash: color-mix(in srgb, #E9B872 16%, #14121F); --accent-line: color-mix(in srgb, #E9B872 40%, #14121F); --accent-text: #E9B872; --accent-soft: #E9B872; --mid: #E79AB4; --second: #E79AB4; --second-text: #F0B5C9; --second-wash: #231F34; --field: #1E1B2C; --dg-new: #E79AB4; --dg-newtext: #F0B5C9; --dg-area: color-mix(in srgb, #E79AB4 22%, transparent); --dg-main: #E9B872; --rw-glass: rgba(30,27,44,.76); --rw-glassln: rgba(255,255,255,.14); --rw-tsh: 0 2px 22px rgba(0,0,0,.7), 0 1px 3px rgba(0,0,0,.6); color-scheme: dark; }
:root[data-palette="paris"][data-ct="morning"] { --bg: #F3EEF0; --paper: #FFFCFC; --ink: #221C26; --muted: #5C5160; --line: #DED2D8; --wash: #F4ECEF; --accent: #8A5A16; --accent-hover: #6F4810; --gold: #A33E66; --gold-text: #8E3458; --on-accent: #FFFFFF; --crimson: #8A5A16; --crimson-hover: #6F4810; --crimson-wash: color-mix(in srgb, #8A5A16 16%, #F3EEF0); --accent-line: color-mix(in srgb, #8A5A16 40%, #F3EEF0); --accent-text: #8A5A16; --accent-soft: #8A5A16; --mid: #A33E66; --second: #A33E66; --second-text: #8E3458; --second-wash: #F4ECEF; --field: #FFFFFF; --dg-new: #A33E66; --dg-newtext: #8E3458; --dg-area: color-mix(in srgb, #A33E66 22%, transparent); --dg-main: #8A5A16; --rw-glass: rgba(255,252,252,.84); --rw-glassln: rgba(34,28,38,.14); --rw-tsh: 0 1px 16px rgba(243,238,240,.95), 0 0 2px rgba(243,238,240,.95); --ok: #2E6B3A; --ok-wash: #E4EEDF; --no: #A3262A; --no-wash: #F5E1DD; --note: #8A5A12; --note-wash: #F6EBD6; --shade: rgba(20, 20, 30, .45); color-scheme: light; }
:root[data-palette="paris"][data-ct="day"] { --bg: #F3EEF0; --paper: #FFFCFC; --ink: #221C26; --muted: #5C5160; --line: #DED2D8; --wash: #F4ECEF; --accent: #8A5A16; --accent-hover: #6F4810; --gold: #A33E66; --gold-text: #8E3458; --on-accent: #FFFFFF; --crimson: #8A5A16; --crimson-hover: #6F4810; --crimson-wash: color-mix(in srgb, #8A5A16 16%, #F3EEF0); --accent-line: color-mix(in srgb, #8A5A16 40%, #F3EEF0); --accent-text: #8A5A16; --accent-soft: #8A5A16; --mid: #A33E66; --second: #A33E66; --second-text: #8E3458; --second-wash: #F4ECEF; --field: #FFFFFF; --dg-new: #A33E66; --dg-newtext: #8E3458; --dg-area: color-mix(in srgb, #A33E66 22%, transparent); --dg-main: #8A5A16; --rw-glass: rgba(255,252,252,.84); --rw-glassln: rgba(34,28,38,.14); --rw-tsh: 0 1px 16px rgba(243,238,240,.95), 0 0 2px rgba(243,238,240,.95); --ok: #2E6B3A; --ok-wash: #E4EEDF; --no: #A3262A; --no-wash: #F5E1DD; --note: #8A5A12; --note-wash: #F6EBD6; --shade: rgba(20, 20, 30, .45); color-scheme: light; }
:root[data-palette="paris"] h1, :root[data-palette="paris"] h2, :root[data-palette="paris"] h3, :root[data-palette="paris"] h4, :root[data-palette="paris"] .mark, :root[data-palette="paris"] .brand, :root[data-palette="paris"] .hello, :root[data-palette="paris"] .hbrand, :root[data-palette="paris"] .start-h, :root[data-palette="paris"] .start-brand, :root[data-palette="paris"] .brandbtn, :root[data-palette="paris"] .bs-hero h1 { font-family: var(--display); }
:root[data-palette="paris"] :is(.hero, .bs-hero, .start) :is(h1, h2, p, .rule, .lede, .tag) { text-shadow: var(--rw-tsh); }
:root[data-palette="paris"] :is(.subject, .tcard, .pbox, .grp, .hp-cont, .hp-res, .hp-stat, .panel, .card, .nb-card, .notice, .news-card, .myprompt) { background-color: var(--rw-glass) !important; border-color: var(--rw-glassln); -webkit-backdrop-filter: blur(12px) saturate(1.15); backdrop-filter: blur(12px) saturate(1.15); }
:root[data-palette="paris"] body { background-image: none; }
:root[data-palette="tokyo"] { --bg: #0A0A14; --paper: #14131F; --ink: #F2F0FA; --muted: #B4B0C8; --line: #2E2A48; --wash: #191728; --accent: #FF5CA2; --accent-hover: #FF84BA; --gold: #39D5FF; --gold-text: #7AE3FF; --on-accent: #14040C; --crimson: #FF5CA2; --crimson-hover: #FF84BA; --crimson-wash: color-mix(in srgb, #FF5CA2 16%, #0A0A14); --accent-line: color-mix(in srgb, #FF5CA2 40%, #0A0A14); --accent-text: #FF5CA2; --accent-soft: #FF5CA2; --mid: #39D5FF; --second: #39D5FF; --second-text: #7AE3FF; --second-wash: #191728; --field: #14131F; --dg-new: #39D5FF; --dg-newtext: #7AE3FF; --dg-area: color-mix(in srgb, #39D5FF 22%, transparent); --dg-main: #FF5CA2; --rw-glass: rgba(20,19,31,.76); --rw-glassln: rgba(255,255,255,.14); --rw-tsh: 0 2px 22px rgba(0,0,0,.7), 0 1px 3px rgba(0,0,0,.6); color-scheme: dark; }
:root[data-palette="tokyo"][data-ct="morning"] { --bg: #EEEEF4; --paper: #FCFCFF; --ink: #15141F; --muted: #4D4A60; --line: #D2D0E0; --wash: #F0EFF6; --accent: #C2185B; --accent-hover: #9C134A; --gold: #0B6E8A; --gold-text: #095E76; --on-accent: #FFFFFF; --crimson: #C2185B; --crimson-hover: #9C134A; --crimson-wash: color-mix(in srgb, #C2185B 16%, #EEEEF4); --accent-line: color-mix(in srgb, #C2185B 40%, #EEEEF4); --accent-text: #C2185B; --accent-soft: #C2185B; --mid: #0B6E8A; --second: #0B6E8A; --second-text: #095E76; --second-wash: #F0EFF6; --field: #FFFFFF; --dg-new: #0B6E8A; --dg-newtext: #095E76; --dg-area: color-mix(in srgb, #0B6E8A 22%, transparent); --dg-main: #C2185B; --rw-glass: rgba(252,252,255,.84); --rw-glassln: rgba(21,20,31,.14); --rw-tsh: 0 1px 16px rgba(238,238,244,.95), 0 0 2px rgba(238,238,244,.95); --ok: #2E6B3A; --ok-wash: #E4EEDF; --no: #A3262A; --no-wash: #F5E1DD; --note: #8A5A12; --note-wash: #F6EBD6; --shade: rgba(20, 20, 30, .45); color-scheme: light; }
:root[data-palette="tokyo"][data-ct="day"] { --bg: #EEEEF4; --paper: #FCFCFF; --ink: #15141F; --muted: #4D4A60; --line: #D2D0E0; --wash: #F0EFF6; --accent: #C2185B; --accent-hover: #9C134A; --gold: #0B6E8A; --gold-text: #095E76; --on-accent: #FFFFFF; --crimson: #C2185B; --crimson-hover: #9C134A; --crimson-wash: color-mix(in srgb, #C2185B 16%, #EEEEF4); --accent-line: color-mix(in srgb, #C2185B 40%, #EEEEF4); --accent-text: #C2185B; --accent-soft: #C2185B; --mid: #0B6E8A; --second: #0B6E8A; --second-text: #095E76; --second-wash: #F0EFF6; --field: #FFFFFF; --dg-new: #0B6E8A; --dg-newtext: #095E76; --dg-area: color-mix(in srgb, #0B6E8A 22%, transparent); --dg-main: #C2185B; --rw-glass: rgba(252,252,255,.84); --rw-glassln: rgba(21,20,31,.14); --rw-tsh: 0 1px 16px rgba(238,238,244,.95), 0 0 2px rgba(238,238,244,.95); --ok: #2E6B3A; --ok-wash: #E4EEDF; --no: #A3262A; --no-wash: #F5E1DD; --note: #8A5A12; --note-wash: #F6EBD6; --shade: rgba(20, 20, 30, .45); color-scheme: light; }
:root[data-palette="tokyo"] h1, :root[data-palette="tokyo"] h2, :root[data-palette="tokyo"] h3, :root[data-palette="tokyo"] h4, :root[data-palette="tokyo"] .mark, :root[data-palette="tokyo"] .brand, :root[data-palette="tokyo"] .hello, :root[data-palette="tokyo"] .hbrand, :root[data-palette="tokyo"] .start-h, :root[data-palette="tokyo"] .start-brand, :root[data-palette="tokyo"] .brandbtn, :root[data-palette="tokyo"] .bs-hero h1 { font-family: var(--display); }
:root[data-palette="tokyo"] :is(.hero, .bs-hero, .start) :is(h1, h2, p, .rule, .lede, .tag) { text-shadow: var(--rw-tsh); }
:root[data-palette="tokyo"] :is(.subject, .tcard, .pbox, .grp, .hp-cont, .hp-res, .hp-stat, .panel, .card, .nb-card, .notice, .news-card, .myprompt) { background-color: var(--rw-glass) !important; border-color: var(--rw-glassln); -webkit-backdrop-filter: blur(12px) saturate(1.15); backdrop-filter: blur(12px) saturate(1.15); }
:root[data-palette="tokyo"] body { background-image: none; }
:root[data-palette="hongkong"] { --bg: #081214; --paper: #0F1D21; --ink: #ECF5F2; --muted: #A6BDB8; --line: #21393C; --wash: #13262A; --accent: #FF6B78; --accent-hover: #FF8C96; --gold: #3FD9A8; --gold-text: #78E6C3; --on-accent: #1A0508; --crimson: #FF6B78; --crimson-hover: #FF8C96; --crimson-wash: color-mix(in srgb, #FF6B78 16%, #081214); --accent-line: color-mix(in srgb, #FF6B78 40%, #081214); --accent-text: #FF6B78; --accent-soft: #FF6B78; --mid: #3FD9A8; --second: #3FD9A8; --second-text: #78E6C3; --second-wash: #13262A; --field: #0F1D21; --dg-new: #3FD9A8; --dg-newtext: #78E6C3; --dg-area: color-mix(in srgb, #3FD9A8 22%, transparent); --dg-main: #FF6B78; --rw-glass: rgba(15,29,33,.76); --rw-glassln: rgba(255,255,255,.14); --rw-tsh: 0 2px 22px rgba(0,0,0,.7), 0 1px 3px rgba(0,0,0,.6); color-scheme: dark; }
:root[data-palette="hongkong"][data-ct="morning"] { --bg: #E8F0EE; --paper: #FAFDFC; --ink: #0F1C1D; --muted: #445A58; --line: #C6D6D3; --wash: #EDF4F2; --accent: #C21F33; --accent-hover: #9E1828; --gold: #0E7A5C; --gold-text: #0B6A50; --on-accent: #FFFFFF; --crimson: #C21F33; --crimson-hover: #9E1828; --crimson-wash: color-mix(in srgb, #C21F33 16%, #E8F0EE); --accent-line: color-mix(in srgb, #C21F33 40%, #E8F0EE); --accent-text: #C21F33; --accent-soft: #C21F33; --mid: #0E7A5C; --second: #0E7A5C; --second-text: #0B6A50; --second-wash: #EDF4F2; --field: #FFFFFF; --dg-new: #0E7A5C; --dg-newtext: #0B6A50; --dg-area: color-mix(in srgb, #0E7A5C 22%, transparent); --dg-main: #C21F33; --rw-glass: rgba(250,253,252,.84); --rw-glassln: rgba(15,28,29,.14); --rw-tsh: 0 1px 16px rgba(232,240,238,.95), 0 0 2px rgba(232,240,238,.95); --ok: #2E6B3A; --ok-wash: #E4EEDF; --no: #A3262A; --no-wash: #F5E1DD; --note: #8A5A12; --note-wash: #F6EBD6; --shade: rgba(20, 20, 30, .45); color-scheme: light; }
:root[data-palette="hongkong"][data-ct="day"] { --bg: #E8F0EE; --paper: #FAFDFC; --ink: #0F1C1D; --muted: #445A58; --line: #C6D6D3; --wash: #EDF4F2; --accent: #C21F33; --accent-hover: #9E1828; --gold: #0E7A5C; --gold-text: #0B6A50; --on-accent: #FFFFFF; --crimson: #C21F33; --crimson-hover: #9E1828; --crimson-wash: color-mix(in srgb, #C21F33 16%, #E8F0EE); --accent-line: color-mix(in srgb, #C21F33 40%, #E8F0EE); --accent-text: #C21F33; --accent-soft: #C21F33; --mid: #0E7A5C; --second: #0E7A5C; --second-text: #0B6A50; --second-wash: #EDF4F2; --field: #FFFFFF; --dg-new: #0E7A5C; --dg-newtext: #0B6A50; --dg-area: color-mix(in srgb, #0E7A5C 22%, transparent); --dg-main: #C21F33; --rw-glass: rgba(250,253,252,.84); --rw-glassln: rgba(15,28,29,.14); --rw-tsh: 0 1px 16px rgba(232,240,238,.95), 0 0 2px rgba(232,240,238,.95); --ok: #2E6B3A; --ok-wash: #E4EEDF; --no: #A3262A; --no-wash: #F5E1DD; --note: #8A5A12; --note-wash: #F6EBD6; --shade: rgba(20, 20, 30, .45); color-scheme: light; }
:root[data-palette="hongkong"] h1, :root[data-palette="hongkong"] h2, :root[data-palette="hongkong"] h3, :root[data-palette="hongkong"] h4, :root[data-palette="hongkong"] .mark, :root[data-palette="hongkong"] .brand, :root[data-palette="hongkong"] .hello, :root[data-palette="hongkong"] .hbrand, :root[data-palette="hongkong"] .start-h, :root[data-palette="hongkong"] .start-brand, :root[data-palette="hongkong"] .brandbtn, :root[data-palette="hongkong"] .bs-hero h1 { font-family: var(--display); }
:root[data-palette="hongkong"] :is(.hero, .bs-hero, .start) :is(h1, h2, p, .rule, .lede, .tag) { text-shadow: var(--rw-tsh); }
:root[data-palette="hongkong"] :is(.subject, .tcard, .pbox, .grp, .hp-cont, .hp-res, .hp-stat, .panel, .card, .nb-card, .notice, .news-card, .myprompt) { background-color: var(--rw-glass) !important; border-color: var(--rw-glassln); -webkit-backdrop-filter: blur(12px) saturate(1.15); backdrop-filter: blur(12px) saturate(1.15); }
:root[data-palette="hongkong"] body { background-image: none; }
:root[data-palette="singapore"] { --bg: #071318; --paper: #0E1F26; --ink: #EDF7F6; --muted: #A7C1C2; --line: #1E3B42; --wash: #12282F; --accent: #2FD6C2; --accent-hover: #66E3D3; --gold: #E58BF0; --gold-text: #EFAAF5; --on-accent: #04201C; --crimson: #2FD6C2; --crimson-hover: #66E3D3; --crimson-wash: color-mix(in srgb, #2FD6C2 16%, #071318); --accent-line: color-mix(in srgb, #2FD6C2 40%, #071318); --accent-text: #2FD6C2; --accent-soft: #2FD6C2; --mid: #E58BF0; --second: #E58BF0; --second-text: #EFAAF5; --second-wash: #12282F; --field: #0E1F26; --dg-new: #E58BF0; --dg-newtext: #EFAAF5; --dg-area: color-mix(in srgb, #E58BF0 22%, transparent); --dg-main: #2FD6C2; --rw-glass: rgba(14,31,38,.76); --rw-glassln: rgba(255,255,255,.14); --rw-tsh: 0 2px 22px rgba(0,0,0,.7), 0 1px 3px rgba(0,0,0,.6); color-scheme: dark; }
:root[data-palette="singapore"][data-ct="morning"] { --bg: #E8F3F2; --paper: #FAFEFE; --ink: #0E1E20; --muted: #41595B; --line: #C4DAD9; --wash: #EAF5F4; --accent: #0B7C70; --accent-hover: #08665C; --gold: #9B2FB0; --gold-text: #852A97; --on-accent: #FFFFFF; --crimson: #0B7C70; --crimson-hover: #08665C; --crimson-wash: color-mix(in srgb, #0B7C70 16%, #E8F3F2); --accent-line: color-mix(in srgb, #0B7C70 40%, #E8F3F2); --accent-text: #0B7C70; --accent-soft: #0B7C70; --mid: #9B2FB0; --second: #9B2FB0; --second-text: #852A97; --second-wash: #EAF5F4; --field: #FFFFFF; --dg-new: #9B2FB0; --dg-newtext: #852A97; --dg-area: color-mix(in srgb, #9B2FB0 22%, transparent); --dg-main: #0B7C70; --rw-glass: rgba(250,254,254,.84); --rw-glassln: rgba(14,30,32,.14); --rw-tsh: 0 1px 16px rgba(232,243,242,.95), 0 0 2px rgba(232,243,242,.95); --ok: #2E6B3A; --ok-wash: #E4EEDF; --no: #A3262A; --no-wash: #F5E1DD; --note: #8A5A12; --note-wash: #F6EBD6; --shade: rgba(20, 20, 30, .45); color-scheme: light; }
:root[data-palette="singapore"][data-ct="day"] { --bg: #E8F3F2; --paper: #FAFEFE; --ink: #0E1E20; --muted: #41595B; --line: #C4DAD9; --wash: #EAF5F4; --accent: #0B7C70; --accent-hover: #08665C; --gold: #9B2FB0; --gold-text: #852A97; --on-accent: #FFFFFF; --crimson: #0B7C70; --crimson-hover: #08665C; --crimson-wash: color-mix(in srgb, #0B7C70 16%, #E8F3F2); --accent-line: color-mix(in srgb, #0B7C70 40%, #E8F3F2); --accent-text: #0B7C70; --accent-soft: #0B7C70; --mid: #9B2FB0; --second: #9B2FB0; --second-text: #852A97; --second-wash: #EAF5F4; --field: #FFFFFF; --dg-new: #9B2FB0; --dg-newtext: #852A97; --dg-area: color-mix(in srgb, #9B2FB0 22%, transparent); --dg-main: #0B7C70; --rw-glass: rgba(250,254,254,.84); --rw-glassln: rgba(14,30,32,.14); --rw-tsh: 0 1px 16px rgba(232,243,242,.95), 0 0 2px rgba(232,243,242,.95); --ok: #2E6B3A; --ok-wash: #E4EEDF; --no: #A3262A; --no-wash: #F5E1DD; --note: #8A5A12; --note-wash: #F6EBD6; --shade: rgba(20, 20, 30, .45); color-scheme: light; }
:root[data-palette="singapore"] h1, :root[data-palette="singapore"] h2, :root[data-palette="singapore"] h3, :root[data-palette="singapore"] h4, :root[data-palette="singapore"] .mark, :root[data-palette="singapore"] .brand, :root[data-palette="singapore"] .hello, :root[data-palette="singapore"] .hbrand, :root[data-palette="singapore"] .start-h, :root[data-palette="singapore"] .start-brand, :root[data-palette="singapore"] .brandbtn, :root[data-palette="singapore"] .bs-hero h1 { font-family: var(--display); }
:root[data-palette="singapore"] :is(.hero, .bs-hero, .start) :is(h1, h2, p, .rule, .lede, .tag) { text-shadow: var(--rw-tsh); }
:root[data-palette="singapore"] :is(.subject, .tcard, .pbox, .grp, .hp-cont, .hp-res, .hp-stat, .panel, .card, .nb-card, .notice, .news-card, .myprompt) { background-color: var(--rw-glass) !important; border-color: var(--rw-glassln); -webkit-backdrop-filter: blur(12px) saturate(1.15); backdrop-filter: blur(12px) saturate(1.15); }
:root[data-palette="singapore"] body { background-image: none; }