/* ============================================ Theme: Coastal (Dodger Blue · White · Spring Green · Hot Coral) Simon Adult Family Home Built by Yosis Design — yosisdesign.com Vivid, colorful direction: dodger blue primary, spring green accent, hot coral tertiary for warmth, pure white background. To swap themes, change the tag in each HTML to point at a different theme-*.css file. Load this BEFORE styles.css. ============================================ */ :root { /* --- Primary palette --- */ --color-primary: #1e90ff; --color-primary-dark: #0d75d4; --color-primary-light: #6fb5ff; --color-accent: #22c55e; --color-accent-dark: #15803d; --color-bg: #ffffff; --color-bg-alt: #eff6ff; --color-bg-deep: #c5dfff; --color-bg-tint: #e0f2fe; --color-text: #1a2a3a; --color-text-soft: #4a5566; --color-muted: #d0d6dc; --color-border: #c0c8d2; --color-warning: #c89738; --color-occupied: #9aa0a8; /* --- Maximal color layer (tertiary + dark surfaces) --- */ --color-magenta: #ff5757; --color-magenta-light: #ff8a8a; --color-emerald-deep: #15803d; --color-gold-light: #f0c75e; --color-ink-deep: #0d1620; --color-navy: #103a6e; --color-navy-light: #1e5099; --color-navy-deep: #062547; /* --- RGB companions (for rgba() tints in styles.css) --- */ --color-primary-rgb: 30, 144, 255; --color-primary-light-rgb: 111, 181, 255; --color-accent-rgb: 34, 197, 94; --color-gold-light-rgb: 240, 199, 94; --color-bg-rgb: 255, 255, 255; --color-text-rgb: 26, 42, 58; --color-magenta-rgb: 255, 87, 87; --color-magenta-light-rgb: 255, 138, 138; --color-navy-rgb: 16, 58, 110; --color-occupied-rgb: 154, 160, 168; } /* ============================================ Accessibility mode overrides ============================================ */ /* High contrast — keeps brand colors but boosts contrast */ html.a11y-contrast-high { --color-text: #000; --color-text-soft: #1a1a1a; --color-bg: #fff; --color-bg-alt: #f0f0f0; --color-muted: #999; --color-border: #333; --color-primary: #062547; --color-primary-dark: #03152b; --color-accent-dark: #166534; } html.a11y-contrast-high body { background-image: none !important; background-color: #fff !important; } html.a11y-contrast-high .card, html.a11y-contrast-high .room-card, html.a11y-contrast-high .quote { background: #fff !important; border: 2px solid #000 !important; } html.a11y-contrast-high a { text-decoration: underline; } html.a11y-contrast-high .hero, html.a11y-contrast-high .page-banner, html.a11y-contrast-high .service-hero, html.a11y-contrast-high .stat-section { background: #000 !important; color: #fff !important; } html.a11y-contrast-high .hero h1, html.a11y-contrast-high .hero p, html.a11y-contrast-high .page-banner h1, html.a11y-contrast-high .page-banner p { color: #fff !important; } /* Dark mode (high contrast inverted) */ html.a11y-contrast-dark { --color-text: #f5f5f5; --color-text-soft: #cfcfcf; --color-bg: #0d1117; --color-bg-alt: #161b22; --color-muted: #444; --color-border: #555; --color-primary: #6fb5ff; --color-primary-dark: #1e90ff; --color-primary-light: #a3cdff; --color-accent: #4ade80; --color-accent-dark: #22c55e; --color-magenta: #ff8a8a; --color-magenta-light: #ffaaaa; --color-gold-light: #ffd770; } html.a11y-contrast-dark body { background-color: #0d1117 !important; color: #f5f5f5; } html.a11y-contrast-dark .card, html.a11y-contrast-dark .room-card, html.a11y-contrast-dark .trust-row { background: #103a6e !important; border-color: #1e5099 !important; color: #f5f5f5; } html.a11y-contrast-dark .hero, html.a11y-contrast-dark .page-banner, html.a11y-contrast-dark .service-hero { filter: brightness(0.9); } html.a11y-contrast-dark .section-alt { background: #161b22 !important; }