/* * Stay Dhofar — 5 selectable public themes * Applied via data-theme attribute on */ /* Default: Ocean Green */ :root, [data-theme="ocean-green"] { --sd-primary: #1a3a35; --sd-primary-dark: #0f2420; --sd-secondary: #568c83; --sd-secondary-hover: #458075; --sd-secondary-light: #72a99a; --sd-accent: #d4e8e4; --sd-accent-soft: #e8f2ef; --sd-bg: #f4f7f6; --sd-border: #c5ddd6; --sd-text-muted: #5a726c; --sd-footer-link: #9ec9bf; --sd-hero-mid: #245049; --bs-primary: #568c83; --bs-primary-rgb: 86, 140, 131; } [data-theme="sand-beige"] { --sd-primary: #5c4a3a; --sd-primary-dark: #3d2f24; --sd-secondary: #b8956b; --sd-secondary-hover: #a07f56; --sd-secondary-light: #c9a882; --sd-accent: #f5ebe0; --sd-accent-soft: #faf6f1; --sd-bg: #faf8f5; --sd-border: #e8ddd0; --sd-text-muted: #7a6a58; --sd-footer-link: #d4b896; --sd-hero-mid: #7a6350; --bs-primary: #b8956b; --bs-primary-rgb: 184, 149, 107; } [data-theme="royal-blue"] { --sd-primary: #1e3a5f; --sd-primary-dark: #0f2340; --sd-secondary: #3b7dd8; --sd-secondary-hover: #2d6bc4; --sd-secondary-light: #5a94e0; --sd-accent: #e8f1fb; --sd-accent-soft: #f0f6fd; --sd-bg: #f5f8fc; --sd-border: #c8d9ed; --sd-text-muted: #5a6f85; --sd-footer-link: #8bb8e8; --sd-hero-mid: #2a5080; --bs-primary: #3b7dd8; --bs-primary-rgb: 59, 125, 216; } [data-theme="modern-dark"] { --sd-primary: #1c2421; --sd-primary-dark: #111816; --sd-secondary: #4a7c6f; --sd-secondary-hover: #3d6a5e; --sd-secondary-light: #5f9485; --sd-accent: #dce5e2; --sd-accent-soft: #eef2f0; --sd-bg: #eef1f0; --sd-border: #b8c5c0; --sd-text-muted: #6b7a74; --sd-footer-link: #7a9e92; --sd-hero-mid: #2a3834; --bs-primary: #4a7c6f; --bs-primary-rgb: 74, 124, 111; } [data-theme="light-minimal"] { --sd-primary: #2d4a42; --sd-primary-dark: #1e3330; --sd-secondary: #6b9e8f; --sd-secondary-hover: #5a8a7c; --sd-secondary-light: #85b5a6; --sd-accent: #ffffff; --sd-accent-soft: #f8faf9; --sd-bg: #ffffff; --sd-border: #e2ebe8; --sd-text-muted: #6b7f78; --sd-footer-link: #8fb5a8; --sd-hero-mid: #3d5f54; --bs-primary: #6b9e8f; --bs-primary-rgb: 107, 158, 143; }