/* Generated from App/Sources/Theme/WorldTheme.swift. One block per world theme. picks the page theme; any element can carry its own data-season. */ :root, [data-season="classic"] { color-scheme: light; --bg: #F6EFE4; --surface: #FFFCF6; --ink: #3B3A36; --muted: #646058; --faint: #B3AC9F; --accent: #E9856A; --accent-text: #B8705B; --on-accent: #3B3A36; --hi: #F2C14E; --on-hi: #3B3A36; --progress: #5B9A8B; --tile: #FFFCF6; --tile-ink: #3B3A36; --given: #3F7A6D; --hover: #FDF3EE; --placed: #FBF1D6; --line: rgba(59, 58, 54, 0.12); --shadow: rgba(59, 58, 54, 0.1); --band: #3B3A36; --band-ink: #F6EFE4; --band-muted: #BEB9B0; --status-ink: #1B1B1B; --drag-ink: #F9F4EC; --track: rgba(59, 58, 54, 0.1); --sh10: rgba(59, 58, 54, 0.1); --sh08: rgba(59, 58, 54, 0.08); --sh18: rgba(59, 58, 54, 0.18); --sh32: rgba(59, 58, 54, 0.32); --tile-shadow: 0 2px 0 rgba(59, 58, 54, 0.1), 0 1px 3px rgba(59, 58, 54, 0.08); } [data-season="autumn"] { color-scheme: light; --bg: #F7ECDD; --surface: #FFF8EE; --ink: #4A2E1F; --muted: #7E5F4B; --faint: #D2BFA8; --accent: #D9622B; --accent-text: #B15328; --on-accent: #FFF8EE; --hi: #E9B44C; --on-hi: #4A2E1F; --progress: #8A9A5B; --tile: #FFFBF3; --tile-ink: #4A2E1F; --given: #B5471B; --hover: #FDF0E6; --placed: #FBEFC9; --line: rgba(74, 46, 31, 0.12); --shadow: rgba(74, 46, 31, 0.1); --band: #4A2E1F; --band-ink: #F7ECDD; --band-muted: #C3B3A4; --status-ink: #1B1B1B; --drag-ink: #F9F2E7; --track: rgba(74, 46, 31, 0.1); --sh10: rgba(74, 46, 31, 0.1); --sh08: rgba(74, 46, 31, 0.08); --sh18: rgba(74, 46, 31, 0.18); --sh32: rgba(74, 46, 31, 0.32); --tile-shadow: 0 2px 0 rgba(74, 46, 31, 0.1), 0 1px 3px rgba(74, 46, 31, 0.08); } [data-season="hallow"] { color-scheme: dark; --bg: #2B2137; --surface: #3B2D4A; --ink: #F6EFE4; --muted: #E0D4EE; --faint: #9C8CB5; --accent: #F2A33A; --accent-text: #F2A33A; --on-accent: #2B2137; --hi: #F2A33A; --on-hi: #2B2137; --progress: #F2A33A; --tile: #F6EFE4; --tile-ink: #2B2137; --given: #C9561F; --hover: #5A4470; --placed: #4A3560; --line: rgba(246, 239, 228, 0.12); --shadow: rgba(0, 0, 0, .32); --band: #3B2D4A; --band-ink: #F6EFE4; --band-muted: #E0D4EE; --status-ink: #FFFFFF; --drag-ink: #2B2137; --track: rgba(246, 239, 228, 0.18); --sh10: rgba(0, 0, 0, 0.3); --sh08: rgba(0, 0, 0, 0.25); --sh18: rgba(0, 0, 0, 0.18); --sh32: rgba(0, 0, 0, 0.45); --tile-shadow: 0 2px 0 rgba(0, 0, 0, .35); } [data-season="harvest"] { color-scheme: dark; --bg: #3B2A1E; --surface: #52392A; --ink: #F6EAD8; --muted: #E3CDB4; --faint: #9C8266; --accent: #E0812F; --accent-text: #E0812F; --on-accent: #3B2A1E; --hi: #E9B44C; --on-hi: #3B2A1E; --progress: #A3B36A; --tile: #FBF1E2; --tile-ink: #3B2A1E; --given: #B5471B; --hover: #7C5840; --placed: #6B4A33; --line: rgba(246, 234, 216, 0.12); --shadow: rgba(0, 0, 0, .32); --band: #52392A; --band-ink: #F6EAD8; --band-muted: #E3CDB4; --status-ink: #FFFFFF; --drag-ink: #3B2A1E; --track: rgba(246, 234, 216, 0.18); --sh10: rgba(0, 0, 0, 0.3); --sh08: rgba(0, 0, 0, 0.25); --sh18: rgba(0, 0, 0, 0.18); --sh32: rgba(0, 0, 0, 0.45); --tile-shadow: 0 2px 0 rgba(0, 0, 0, .35); } [data-season="christmas"] { color-scheme: dark; --bg: #46151C; --surface: #5E2530; --ink: #FFF6E8; --muted: #EBCFD1; --faint: #A57880; --accent: #E8B94A; --accent-text: #E8B94A; --on-accent: #46151C; --hi: #E8B94A; --on-hi: #46151C; --progress: #7FB58A; --tile: #FFF6E8; --tile-ink: #46151C; --given: #2E7D4F; --hover: #853B49; --placed: #73303C; --line: rgba(255, 246, 232, 0.12); --shadow: rgba(0, 0, 0, .32); --band: #5E2530; --band-ink: #FFF6E8; --band-muted: #EBCFD1; --status-ink: #FFFFFF; --drag-ink: #46151C; --track: rgba(255, 246, 232, 0.18); --sh10: rgba(0, 0, 0, 0.3); --sh08: rgba(0, 0, 0, 0.25); --sh18: rgba(0, 0, 0, 0.18); --sh32: rgba(0, 0, 0, 0.45); --tile-shadow: 0 2px 0 rgba(0, 0, 0, .35); } [data-season="winter"] { color-scheme: dark; --bg: #1F4A3A; --surface: #2C5C4A; --ink: #FFFCF6; --muted: #B9D6C9; --faint: #5E8A78; --accent: #D4463F; --accent-text: #D4463F; --on-accent: #FFFCF6; --hi: #F2C14E; --on-hi: #1F4A3A; --progress: #F2C14E; --tile: #FFFCF6; --tile-ink: #1F4A3A; --given: #D4463F; --hover: #477B66; --placed: #3A6B57; --line: rgba(255, 252, 246, 0.12); --shadow: rgba(0, 0, 0, .32); --band: #2C5C4A; --band-ink: #FFFCF6; --band-muted: #B9D6C9; --status-ink: #FFFFFF; --drag-ink: #1F4A3A; --track: rgba(255, 252, 246, 0.18); --sh10: rgba(0, 0, 0, 0.3); --sh08: rgba(0, 0, 0, 0.25); --sh18: rgba(0, 0, 0, 0.18); --sh32: rgba(0, 0, 0, 0.45); --tile-shadow: 0 2px 0 rgba(0, 0, 0, .35); } [data-season="valentine"] { color-scheme: dark; --bg: #4A1B33; --surface: #63294A; --ink: #FFF0F3; --muted: #F0CAD6; --faint: #A87A90; --accent: #F26B8D; --accent-text: #F26B8D; --on-accent: #4A1B33; --hi: #FFB4C6; --on-hi: #4A1B33; --progress: #C94B7A; --tile: #FFF5F7; --tile-ink: #4A1B33; --given: #C9284E; --hover: #8D4266; --placed: #7A3556; --line: rgba(255, 240, 243, 0.12); --shadow: rgba(0, 0, 0, .32); --band: #63294A; --band-ink: #FFF0F3; --band-muted: #F0CAD6; --status-ink: #FFFFFF; --drag-ink: #4A1B33; --track: rgba(255, 240, 243, 0.18); --sh10: rgba(0, 0, 0, 0.3); --sh08: rgba(0, 0, 0, 0.25); --sh18: rgba(0, 0, 0, 0.18); --sh32: rgba(0, 0, 0, 0.45); --tile-shadow: 0 2px 0 rgba(0, 0, 0, .35); } [data-season="easter"] { color-scheme: light; --bg: #F3EEF9; --surface: #FFFFFF; --ink: #4A3F5C; --muted: #74698A; --faint: #C6BDD6; --accent: #F0A3C2; --accent-text: #C287A5; --on-accent: #4A3F5C; --hi: #F5D86B; --on-hi: #4A3F5C; --progress: #9CD3A8; --tile: #FFFDF7; --tile-ink: #4A3F5C; --given: #6C57A6; --hover: #FDF0F4; --placed: #FFF6D5; --line: rgba(74, 63, 92, 0.12); --shadow: rgba(74, 63, 92, 0.1); --band: #4A3F5C; --band-ink: #F3EEF9; --band-muted: #C0BACA; --status-ink: #1B1B1B; --drag-ink: #F7F3FB; --track: rgba(74, 63, 92, 0.1); --sh10: rgba(74, 63, 92, 0.1); --sh08: rgba(74, 63, 92, 0.08); --sh18: rgba(74, 63, 92, 0.18); --sh32: rgba(74, 63, 92, 0.32); --tile-shadow: 0 2px 0 rgba(74, 63, 92, 0.1), 0 1px 3px rgba(74, 63, 92, 0.08); } [data-season="spring"] { color-scheme: light; --bg: #F1F6EC; --surface: #FFFFFF; --ink: #2F4A3A; --muted: #607967; --faint: #B7C8B9; --accent: #F49AC1; --accent-text: #BD849B; --on-accent: #2F4A3A; --hi: #F5D86B; --on-hi: #2F4A3A; --progress: #7FB58A; --tile: #FFFFFB; --tile-ink: #2F4A3A; --given: #C4547E; --hover: #FEF2F6; --placed: #FFF6D5; --line: rgba(47, 74, 58, 0.12); --shadow: rgba(47, 74, 58, 0.1); --band: #2F4A3A; --band-ink: #F1F6EC; --band-muted: #B7C2B7; --status-ink: #1B1B1B; --drag-ink: #F5F9F2; --track: rgba(47, 74, 58, 0.1); --sh10: rgba(47, 74, 58, 0.1); --sh08: rgba(47, 74, 58, 0.08); --sh18: rgba(47, 74, 58, 0.18); --sh32: rgba(47, 74, 58, 0.32); --tile-shadow: 0 2px 0 rgba(47, 74, 58, 0.1), 0 1px 3px rgba(47, 74, 58, 0.08); } [data-season="summer"] { color-scheme: light; --bg: #FFF6E0; --surface: #FFFDF5; --ink: #4A3520; --muted: #7E674B; --faint: #D2C1A2; --accent: #F28C38; --accent-text: #C37431; --on-accent: #4A3520; --hi: #FFD166; --on-hi: #4A3520; --progress: #3FA7C9; --tile: #FFFEF8; --tile-ink: #4A3520; --given: #2A8FB3; --hover: #FEF2E6; --placed: #FFF1C2; --line: rgba(74, 53, 32, 0.12); --shadow: rgba(74, 53, 32, 0.1); --band: #4A3520; --band-ink: #FFF6E0; --band-muted: #C9BCA6; --status-ink: #1B1B1B; --drag-ink: #FFF9E9; --track: rgba(74, 53, 32, 0.1); --sh10: rgba(74, 53, 32, 0.1); --sh08: rgba(74, 53, 32, 0.08); --sh18: rgba(74, 53, 32, 0.18); --sh32: rgba(74, 53, 32, 0.32); --tile-shadow: 0 2px 0 rgba(74, 53, 32, 0.1), 0 1px 3px rgba(74, 53, 32, 0.08); }