/* ============================================================ THEME PRESETS — fonts and colors ONLY. Layout (radii, spacing, the floating nav, pill buttons) lives in layout.css and is the same for every agent. `` picks the preset; the app sets it from the agent's saved choice (realtors.theme, migration 0045). The :root block is the fallback before that runs — the original mauve/cream, so a live agent who never chose sees nothing change. Constraints a preset must keep: --on-ink is white (the pill-select arrow is a white SVG), fields and cards are light (the field arrow is dark grey). ============================================================ */ :root, [data-theme="blush"] { --ink: #6E4553; --ink-deep: #5A3644; --on-ink: #FFFFFF; --on-ink-muted: rgba(255,255,255,.62); --text: #2A2429; --text-muted: #857A81; --text-faint: #A99EA5; --cream: #FAF6F3; --cream-deep: #F3EDE8; --card: #FFFFFF; --mauve: #B07C8A; --mauve-deep: #8D5C6B; --mauve-dark: #6E4553; --blush: #E9D7DA; --blush-pale: #F6EBED; --blush-wash: #FCF6F7; --line: #EAE2DE; --line-soft: #F2EBE7; --field: #FCF6F7; --hover: #FCF6F7; --soft: #F6EBED; --green: #6F9B7E; --green-pale: #E4EFE7; --amber: #C79A5C; --amber-pale: #F7EEE0; --nav-bg: #FFFFFF; --nav-fg: #2A2429; --nav-muted: #857A81; --nav-line: #F2EBE7; --nav-hover: #FCF6F7; --nav-active-bg: #F6EBED; --nav-active-fg: #6E4553; --nav-shadow: var(--shadow); --ramp-1: #FCF6F7; --ramp-2: #F6EBED; --ramp-3: #E9D7DA; --ramp-4: #D9BFC5; --ramp-5: #B07C8A; --dot-task: #C9B7BC; --dot-late: #B4574F; --dot-busy: #DDD3D6; --scrim: rgba(46,32,38,.42); --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-display: 'Playfair Display', Georgia, serif; --display-weight: 600; --display-style: italic; --display-tracking: -.01em; --heading-weight: 600; --heading-tracking: -.01em; } [data-theme="ink"] { --ink: #141414; --ink-deep: #000000; --on-ink: #FFFFFF; --on-ink-muted: rgba(255,255,255,.62); --text: #141414; --text-muted: #6F6F6F; --text-faint: #A3A3A3; --cream: #EDEDED; --cream-deep: #E4E4E4; --card: #FFFFFF; --mauve: #141414; --mauve-deep: #000000; --mauve-dark: #141414; --blush: #E2E2E2; --blush-pale: #F1F1F1; --blush-wash: #F6F6F6; --line: #E3E3E3; --line-soft: #EEEEEE; --field: #F5F5F5; --hover: #F3F3F3; --soft: #F4F4F4; --green: #3E7A55; --green-pale: #E6F1EA; --amber: #A9772E; --amber-pale: #F6EEDF; --nav-bg: #141414; --nav-fg: #FFFFFF; --nav-muted: rgba(255,255,255,.62); --nav-line: rgba(255,255,255,.1); --nav-hover: rgba(255,255,255,.08); --nav-active-bg: #FFFFFF; --nav-active-fg: #141414; --nav-shadow: none; --ramp-1: #F4F4F4; --ramp-2: #E9E9E9; --ramp-3: #DCDCDC; --ramp-4: #CBCBCB; --ramp-5: #6E6E6E; --dot-task: #A8A8A8; --dot-late: #C4554B; --dot-busy: #D2D2D2; --scrim: rgba(20,20,20,.5); --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif; --font-display: 'Inter Tight', 'Inter', -apple-system, sans-serif; --display-weight: 600; --display-style: normal; --display-tracking: -.03em; --heading-weight: 600; --heading-tracking: -.02em; } [data-theme="forest"] { --ink: #1F3D2E; --ink-deep: #152B20; --on-ink: #FFFFFF; --on-ink-muted: rgba(255,255,255,.62); --text: #1E2A24; --text-muted: #6B776F; --text-faint: #A2ACA5; --cream: #EFEDE6; --cream-deep: #E5E2D8; --card: #FFFFFF; --mauve: #5C8A6B; --mauve-deep: #3F6A4F; --mauve-dark: #1F3D2E; --blush: #D9E2D6; --blush-pale: #EAF0E7; --blush-wash: #F4F7F2; --line: #E1DED4; --line-soft: #ECEAE2; --field: #F4F3EE; --hover: #F4F7F2; --soft: #EEF1EA; --green: #3E7A55; --green-pale: #E4EFE7; --amber: #A9772E; --amber-pale: #F6EEDF; --nav-bg: #1F3D2E; --nav-fg: #FFFFFF; --nav-muted: rgba(255,255,255,.62); --nav-line: rgba(255,255,255,.1); --nav-hover: rgba(255,255,255,.08); --nav-active-bg: #FFFFFF; --nav-active-fg: #1F3D2E; --nav-shadow: none; --ramp-1: #F4F7F2; --ramp-2: #E6EDE3; --ramp-3: #CFDCCD; --ramp-4: #A9C2AE; --ramp-5: #5C8A6B; --dot-task: #B4BFB6; --dot-late: #B4574F; --dot-busy: #D6DDD5; --scrim: rgba(20,35,26,.5); --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-display: 'DM Serif Display', Georgia, serif; --display-weight: 400; --display-style: normal; --display-tracking: -.01em; --heading-weight: 400; --heading-tracking: 0; } [data-theme="navy"] { --ink: #172A46; --ink-deep: #0F1D33; --on-ink: #FFFFFF; --on-ink-muted: rgba(255,255,255,.62); --text: #16213A; --text-muted: #67718A; --text-faint: #9EA7BA; --cream: #EBEEF2; --cream-deep: #E0E4EA; --card: #FFFFFF; --mauve: #3E6AA6; --mauve-deep: #2D5087; --mauve-dark: #172A46; --blush: #D7E0EE; --blush-pale: #E9EFF7; --blush-wash: #F3F6FA; --line: #DFE3EA; --line-soft: #EBEEF3; --field: #F2F4F8; --hover: #F3F6FA; --soft: #EEF2F7; --green: #3E7A55; --green-pale: #E4EFE7; --amber: #A9772E; --amber-pale: #F6EEDF; --nav-bg: #172A46; --nav-fg: #FFFFFF; --nav-muted: rgba(255,255,255,.62); --nav-line: rgba(255,255,255,.1); --nav-hover: rgba(255,255,255,.08); --nav-active-bg: #FFFFFF; --nav-active-fg: #172A46; --nav-shadow: none; --ramp-1: #F3F6FA; --ramp-2: #E4EAF3; --ramp-3: #CBD6E6; --ramp-4: #A3B6D2; --ramp-5: #3E6AA6; --dot-task: #AEB7C8; --dot-late: #B4574F; --dot-busy: #D3DAE6; --scrim: rgba(15,29,51,.5); --font-ui: 'DM Sans', 'Inter', -apple-system, sans-serif; --font-display: 'DM Sans', 'Inter', -apple-system, sans-serif; --display-weight: 700; --display-style: normal; --display-tracking: -.03em; --heading-weight: 600; --heading-tracking: -.02em; } [data-theme="clay"] { --ink: #7A3B2E; --ink-deep: #5F2C22; --on-ink: #FFFFFF; --on-ink-muted: rgba(255,255,255,.65); --text: #2F2521; --text-muted: #82736C; --text-faint: #B2A69F; --cream: #F2ECE4; --cream-deep: #E9E1D6; --card: #FFFFFF; --mauve: #C4704F; --mauve-deep: #A5573A; --mauve-dark: #7A3B2E; --blush: #EBD8CD; --blush-pale: #F5EAE2; --blush-wash: #FAF4EF; --line: #E7DDD3; --line-soft: #EFE8E0; --field: #F7F1EA; --hover: #FAF4EF; --soft: #F3EAE1; --green: #4E7F5A; --green-pale: #E6F0E7; --amber: #A9772E; --amber-pale: #F6EEDF; --nav-bg: #7A3B2E; --nav-fg: #FFFFFF; --nav-muted: rgba(255,255,255,.65); --nav-line: rgba(255,255,255,.12); --nav-hover: rgba(255,255,255,.08); --nav-active-bg: #FFFFFF; --nav-active-fg: #7A3B2E; --nav-shadow: none; --ramp-1: #FAF4EF; --ramp-2: #F1E4D9; --ramp-3: #E4CDBE; --ramp-4: #D2A995; --ramp-5: #C4704F; --dot-task: #C5B5AB; --dot-late: #B4574F; --dot-busy: #E0D3C9; --scrim: rgba(60,30,22,.5); --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --font-display: 'Space Grotesk', 'Inter', -apple-system, sans-serif; --display-weight: 700; --display-style: normal; --display-tracking: -.03em; --heading-weight: 600; --heading-tracking: -.02em; } /* Studio (Tovah, 2026-09-20, the photo-booth reference): warm off-white ground, one near-black accent, everything else a quiet warm grey. */ [data-theme="studio"] { --ink: #111111; --ink-deep: #000000; --on-ink: #FFFFFF; --on-ink-muted: rgba(255,255,255,.6); --text: #141414; --text-muted: #8A8781; --text-faint: #B5B2AB; --cream: #F2F0EB; --cream-deep: #E8E5DF; --card: #FFFFFF; --mauve: #111111; --mauve-deep: #000000; --mauve-dark: #111111; --blush: #E4E1DB; --blush-pale: #EFECE6; --blush-wash: #F6F4F0; --line: #E6E3DD; --line-soft: #EFECE6; --field: #F5F3EF; --hover: #F6F4F0; --soft: #EFECE6; --green: #4A7A5A; --green-pale: #E7F0E8; --amber: #A9772E; --amber-pale: #F6EEDF; --nav-bg: #FFFFFF; --nav-fg: #141414; --nav-muted: #8A8781; --nav-line: #EFECE6; --nav-hover: #F6F4F0; --nav-active-bg: #111111; --nav-active-fg: #FFFFFF; --nav-shadow: var(--shadow); --ramp-1: #F6F4F0; --ramp-2: #ECE9E3; --ramp-3: #DEDAD2; --ramp-4: #C9C4BB; --ramp-5: #6E6A63; --dot-task: #B5B2AB; --dot-late: #C4554B; --dot-busy: #D9D5CE; --scrim: rgba(20,18,15,.55); --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'SF Pro Text', sans-serif; --font-display: 'Inter Tight', 'Inter', -apple-system, sans-serif; --display-weight: 600; --display-style: normal; --display-tracking: -.035em; --heading-weight: 600; --heading-tracking: -.02em; }