/* palettes.css — 7 swappable calm-zen palettes (role-token overrides, light + dark). Generated from calm-zen-themes/emit.py; link AFTER tokens-night.css. Applied via . teal = Maitri default. Mirrors iphone-hybrid/palettes.css so web ↔ phone share one palette source. */ /* Maitri Teal — light (the default — warm paper, sage-teal, trustworthy and calm) */ [data-palette="teal"] { --color-primary: #1F7A6E; --color-primary-text: #1C5A53; --color-on-primary: #FFFFFF; --color-primary-soft: #E7F2F0; --color-accent: #E0744A; --color-accent-text: #B04A2A; --color-bg: #FBF8F4; --color-bg-sunken: #F4EEE6; --color-surface: #FFFFFF; --color-text: #211C16; --color-text-muted: #5A5248; --color-text-subtle: #6B6358; --color-border: #E9E1D6; --color-focus: #2E8B7F; --success-700: #1E6E4C; --danger-700: #93331F; --maitri-aura: linear-gradient(135deg,#2E8B7F 0%,#5BC3B0 52%,#8FD6C2 100%); } /* Maitri Teal — dark (the default — warm paper, sage-teal, trustworthy and calm) */ [data-palette="teal"][data-theme="night"] { --color-primary: #1F7A6E; --color-primary-text: #8FD6C2; --color-on-primary: #FFFFFF; --color-primary-soft: #16352F; --color-accent: #EA8A62; --color-accent-text: #F0A07E; --color-bg: #14110D; --color-bg-sunken: #1C1813; --color-surface: #221D16; --color-text: #F4EFE7; --color-text-muted: #C8BFB1; --color-text-subtle: #ADA396; --color-border: #352F27; --color-focus: #5BC3B0; --success-700: #74CCA0; --danger-700: #ED9C89; --maitri-aura: linear-gradient(135deg,#2E8B7F 0%,#5BC3B0 52%,#8FD6C2 100%); } /* Eucalyptus — light (desaturated sage-teal over alabaster — clean, organic, low-strain) */ [data-palette="eucalyptus"] { --color-primary: #0E4D44; --color-primary-text: #0E4D44; --color-on-primary: #FFFFFF; --color-primary-soft: #E2EDEA; --color-accent: #E0744A; --color-accent-text: #B04A2A; --color-bg: #F3F6F5; --color-bg-sunken: #E9EFED; --color-surface: #FFFFFF; --color-text: #1A2422; --color-text-muted: #4F6360; --color-text-subtle: #647571; --color-border: #D1DDD9; --color-focus: #227066; --success-700: #1A633F; --danger-700: #9E2A2B; --maitri-aura: linear-gradient(135deg,#3C8E80,#0E4D44); } /* Eucalyptus — dark (desaturated sage-teal over alabaster — clean, organic, low-strain) */ [data-palette="eucalyptus"][data-theme="night"] { --color-primary: #5CC4B4; --color-primary-text: #86D6C9; --color-on-primary: #0A1F1C; --color-primary-soft: #163A35; --color-accent: #EA8A62; --color-accent-text: #F0A07E; --color-bg: #0F1416; --color-bg-sunken: #0B0F10; --color-surface: #171F22; --color-text: #FFFFFF; --color-text-muted: #9CB4B0; --color-text-subtle: #88A09C; --color-border: #2E3D42; --color-focus: #5CC4B4; --success-700: #7CD1A1; --danger-700: #E57373; --maitri-aura: linear-gradient(135deg,#3C8E80,#0E4D44); } /* Nordic Frost — light (cool mineral steel-blue — crisp, clinical, immediate cognitive order) */ [data-palette="nordic"] { --color-primary: #165B73; --color-primary-text: #165B73; --color-on-primary: #FFFFFF; --color-primary-soft: #E1EEF3; --color-accent: #E0744A; --color-accent-text: #B04A2A; --color-bg: #F6FAFC; --color-bg-sunken: #EAF1F5; --color-surface: #FFFFFF; --color-text: #111D24; --color-text-muted: #495B66; --color-text-subtle: #5E6F79; --color-border: #D3E1E8; --color-focus: #2A7E9C; --success-700: #126148; --danger-700: #A82020; --maitri-aura: linear-gradient(135deg,#3E96B4,#165B73); } /* Nordic Frost — dark (cool mineral steel-blue — crisp, clinical, immediate cognitive order) */ [data-palette="nordic"][data-theme="night"] { --color-primary: #5FB6D6; --color-primary-text: #8FCBE2; --color-on-primary: #06222C; --color-primary-soft: #13323D; --color-accent: #EA8A62; --color-accent-text: #F0A07E; --color-bg: #0E1519; --color-bg-sunken: #0A1014; --color-surface: #161F24; --color-text: #F2F7FA; --color-text-muted: #A7BCC6; --color-text-subtle: #90A6B0; --color-border: #2A3A42; --color-focus: #5FB6D6; --success-700: #6FD3A6; --danger-700: #E98080; --maitri-aura: linear-gradient(135deg,#3E96B4,#165B73); } /* Biophilic Earth — light (deep teal over warm greige — natural stone and clay, soothing) */ [data-palette="biophilic"] { --color-primary: #184D52; --color-primary-text: #184D52; --color-on-primary: #FFFFFF; --color-primary-soft: #E6EDEB; --color-accent: #E0744A; --color-accent-text: #B04A2A; --color-bg: #F6F4EE; --color-bg-sunken: #ECE8DD; --color-surface: #FFFFFF; --color-text: #241E1E; --color-text-muted: #5C5252; --color-text-subtle: #6E6464; --color-border: #DAD4C5; --color-focus: #246D75; --success-700: #1B5E3F; --danger-700: #992224; --maitri-aura: linear-gradient(135deg,#2E8B86,#184D52); } /* Biophilic Earth — dark (deep teal over warm greige — natural stone and clay, soothing) */ [data-palette="biophilic"][data-theme="night"] { --color-primary: #5DBBB0; --color-primary-text: #86CFC6; --color-on-primary: #0A201E; --color-primary-soft: #16322F; --color-accent: #EA8A62; --color-accent-text: #F0A07E; --color-bg: #16130F; --color-bg-sunken: #100E0B; --color-surface: #211C17; --color-text: #F4EFE7; --color-text-muted: #C4B9AC; --color-text-subtle: #A89D90; --color-border: #342E27; --color-focus: #5DBBB0; --success-700: #7CD1A1; --danger-700: #E57373; --maitri-aura: linear-gradient(135deg,#2E8B86,#184D52); } /* Moss — light (true botanical green — grounded, alive, calm (Claude original)) */ [data-palette="moss"] { --color-primary: #2B6138; --color-primary-text: #2B6138; --color-on-primary: #FFFFFF; --color-primary-soft: #E4EFE6; --color-accent: #E0744A; --color-accent-text: #B04A2A; --color-bg: #F2F6F1; --color-bg-sunken: #E7EFE6; --color-surface: #FFFFFF; --color-text: #1B241E; --color-text-muted: #4E5C52; --color-text-subtle: #5E6D62; --color-border: #D4E0D2; --color-focus: #3E8553; --success-700: #1B6F46; --danger-700: #9E2A2B; --maitri-aura: linear-gradient(135deg,#4E9B63,#2B6138); } /* Moss — dark (true botanical green — grounded, alive, calm (Claude original)) */ [data-palette="moss"][data-theme="night"] { --color-primary: #6FC98C; --color-primary-text: #8FD7A6; --color-on-primary: #082015; --color-primary-soft: #143526; --color-accent: #EA8A62; --color-accent-text: #F0A07E; --color-bg: #0F1512; --color-bg-sunken: #0A0F0C; --color-surface: #18211B; --color-text: #F1F6F0; --color-text-muted: #A6BBAC; --color-text-subtle: #90A795; --color-border: #2C3A30; --color-focus: #6FC98C; --success-700: #7CD1A1; --danger-700: #E57373; --maitri-aura: linear-gradient(135deg,#4E9B63,#2B6138); } /* Heather — light (muted lavender dusk — soothing, premium, evening-calm (Claude original)) */ [data-palette="heather"] { --color-primary: #564A86; --color-primary-text: #4E4279; --color-on-primary: #FFFFFF; --color-primary-soft: #ECE7F5; --color-accent: #E0744A; --color-accent-text: #B04A2A; --color-bg: #F5F3F8; --color-bg-sunken: #ECE8F2; --color-surface: #FFFFFF; --color-text: #211E2C; --color-text-muted: #564F69; --color-text-subtle: #6A6480; --color-border: #DED8E8; --color-focus: #6F61A8; --success-700: #1A633F; --danger-700: #9E2A2B; --maitri-aura: linear-gradient(135deg,#8A79C4,#564A86); } /* Heather — dark (muted lavender dusk — soothing, premium, evening-calm (Claude original)) */ [data-palette="heather"][data-theme="night"] { --color-primary: #B3A4E6; --color-primary-text: #C7BCEF; --color-on-primary: #15102A; --color-primary-soft: #241C38; --color-accent: #EA8A62; --color-accent-text: #F0A07E; --color-bg: #131019; --color-bg-sunken: #0D0B12; --color-surface: #1C1726; --color-text: #F3F0FA; --color-text-muted: #B7AFCB; --color-text-subtle: #A096BC; --color-border: #322A42; --color-focus: #B3A4E6; --success-700: #7CD1A1; --danger-700: #E57373; --maitri-aura: linear-gradient(135deg,#8A79C4,#564A86); } /* Clay Ember — light (warm terracotta/sienna — cozy, human, grounded warmth (Claude original)) */ [data-palette="clay"] { --color-primary: #8F4222; --color-primary-text: #8A3E1F; --color-on-primary: #FFFFFF; --color-primary-soft: #F3E4DA; --color-accent: #1F7A6E; --color-accent-text: #1C5A53; --color-bg: #F8F4EF; --color-bg-sunken: #EFE7DC; --color-surface: #FFFFFF; --color-text: #2A201A; --color-text-muted: #5E5048; --color-text-subtle: #6F5F55; --color-border: #E0D5C7; --color-focus: #B0572F; --success-700: #1B5E3F; --danger-700: #992224; --maitri-aura: linear-gradient(135deg,#C9703F,#8F4222); } /* Clay Ember — dark (warm terracotta/sienna — cozy, human, grounded warmth (Claude original)) */ [data-palette="clay"][data-theme="night"] { --color-primary: #E0935F; --color-primary-text: #ECA678; --color-on-primary: #2A1308; --color-primary-soft: #3A2417; --color-accent: #5BC3B0; --color-accent-text: #8FD6C2; --color-bg: #17120E; --color-bg-sunken: #100C09; --color-surface: #221A14; --color-text: #F5EEE6; --color-text-muted: #C9B8AA; --color-text-subtle: #B0A091; --color-border: #352B22; --color-focus: #E0935F; --success-700: #7CD1A1; --danger-700: #E57373; --maitri-aura: linear-gradient(135deg,#C9703F,#8F4222); }