/* IZBA — Theme presets (applied via data-theme on ) Palettes sourced from 2026 design trends: Pantone Cloud Dancer, WGSN Transformative Teal, Envato purple×orange pairings, Chromafinder Marsala/Amethyst, ColorsWall cosmic accents. */ :root, [data-theme="coral"] { --theme-bg: #fff7ed; --theme-bg-soft: #ffedd5; --theme-bg-card: #ffffff; --theme-bg-card-hover: #fff1e6; --theme-border: rgba(234, 88, 12, 0.12); --theme-border-accent: rgba(234, 88, 12, 0.35); --theme-text: #44403c; --theme-text-muted: #78716c; --theme-heading: #9a3412; --theme-accent: #ea580c; --theme-accent-light: #fb923c; --theme-accent-glow: rgba(234, 88, 12, 0.3); --theme-orb-1: rgba(251, 146, 60, 0.25); --theme-orb-2: rgba(249, 115, 22, 0.15); --theme-loader-bg: #fff7ed; --theme-grid-line: rgba(234, 88, 12, 0.05); --theme-inverse: #9a3412; } [data-theme="ocean"] { --theme-bg: #0f172a; --theme-bg-soft: #1e293b; --theme-bg-card: rgba(255, 255, 255, 0.06); --theme-bg-card-hover: rgba(56, 189, 248, 0.1); --theme-border: rgba(148, 163, 184, 0.15); --theme-border-accent: rgba(56, 189, 248, 0.45); --theme-text: #cbd5e1; --theme-text-muted: #94a3b8; --theme-heading: #f8fafc; --theme-accent: #38bdf8; --theme-accent-light: #7dd3fc; --theme-accent-glow: rgba(56, 189, 248, 0.4); --theme-orb-1: rgba(56, 189, 248, 0.3); --theme-orb-2: rgba(99, 102, 241, 0.2); --theme-loader-bg: #0f172a; --theme-grid-line: rgba(148, 163, 184, 0.08); --theme-inverse: #f8fafc; } /* WGSN Color of the Year 2026 — Transformative Teal */ [data-theme="teal"] { --theme-bg: #0a2423; --theme-bg-soft: #123836; --theme-bg-card: rgba(255, 255, 255, 0.05); --theme-bg-card-hover: rgba(43, 179, 168, 0.1); --theme-border: rgba(148, 163, 184, 0.12); --theme-border-accent: rgba(43, 179, 168, 0.45); --theme-text: #cce7e4; --theme-text-muted: #7fa8a3; --theme-heading: #ecfdf9; --theme-accent: #2bb3a8; --theme-accent-light: #5eead4; --theme-accent-glow: rgba(43, 179, 168, 0.4); --theme-orb-1: rgba(43, 179, 168, 0.35); --theme-orb-2: rgba(15, 95, 92, 0.5); --theme-loader-bg: #0a2423; --theme-grid-line: rgba(43, 179, 168, 0.06); --theme-inverse: #ecfdf9; } /* Pantone Cloud Dancer + Alexandrite blue-green */ [data-theme="cloud"] { --theme-bg: #f0ede6; --theme-bg-soft: #e6e2d9; --theme-bg-card: #faf9f6; --theme-bg-card-hover: #e8eef0; --theme-border: rgba(78, 110, 122, 0.14); --theme-border-accent: rgba(78, 110, 122, 0.4); --theme-text: #3d4f56; --theme-text-muted: #6b7c84; --theme-heading: #1e3a44; --theme-accent: #4e6e7a; --theme-accent-light: #6b8f9c; --theme-accent-glow: rgba(78, 110, 122, 0.28); --theme-orb-1: rgba(120, 208, 217, 0.3); --theme-orb-2: rgba(78, 110, 122, 0.15); --theme-loader-bg: #f0ede6; --theme-grid-line: rgba(78, 110, 122, 0.06); --theme-inverse: #1e3a44; } /* Chromafinder Amethyst Orchid + Deep Purple */ [data-theme="amethyst"] { --theme-bg: #f5f0f8; --theme-bg-soft: #ebe3f2; --theme-bg-card: #ffffff; --theme-bg-card-hover: #f0e8f6; --theme-border: rgba(159, 103, 161, 0.14); --theme-border-accent: rgba(159, 103, 161, 0.4); --theme-text: #4a3d52; --theme-text-muted: #7a6b85; --theme-heading: #50314c; --theme-accent: #9f67a1; --theme-accent-light: #b88aba; --theme-accent-glow: rgba(159, 103, 161, 0.3); --theme-orb-1: rgba(184, 138, 186, 0.28); --theme-orb-2: rgba(80, 49, 76, 0.12); --theme-loader-bg: #f5f0f8; --theme-grid-line: rgba(159, 103, 161, 0.05); --theme-inverse: #50314c; } /* Envato / Prada SS2026 — eggplant purple + mandarin orange */ [data-theme="prada"] { --theme-bg: #faf7f2; --theme-bg-soft: #f0ebe3; --theme-bg-card: #ffffff; --theme-bg-card-hover: #fff4eb; --theme-border: rgba(80, 49, 76, 0.1); --theme-border-accent: rgba(242, 140, 40, 0.45); --theme-text: #443842; --theme-text-muted: #736b72; --theme-heading: #50314c; --theme-accent: #f28c28; --theme-accent-light: #f4a261; --theme-accent-glow: rgba(242, 140, 40, 0.32); --theme-orb-1: rgba(104, 69, 122, 0.22); --theme-orb-2: rgba(242, 140, 40, 0.18); --theme-loader-bg: #faf7f2; --theme-grid-line: rgba(80, 49, 76, 0.05); --theme-inverse: #50314c; } /* Davey & Krista mineral earth — warm cream, moss, cocoa */ [data-theme="sage"] { --theme-bg: #efe7db; --theme-bg-soft: #e4d9c8; --theme-bg-card: #f8f4ed; --theme-bg-card-hover: #e8efe4; --theme-border: rgba(95, 111, 82, 0.16); --theme-border-accent: rgba(95, 111, 82, 0.42); --theme-text: #4a3a32; --theme-text-muted: #7a6e64; --theme-heading: #3d322c; --theme-accent: #5f6f52; --theme-accent-light: #8a9a7a; --theme-accent-glow: rgba(95, 111, 82, 0.28); --theme-orb-1: rgba(168, 185, 154, 0.35); --theme-orb-2: rgba(194, 165, 140, 0.25); --theme-loader-bg: #efe7db; --theme-grid-line: rgba(74, 58, 50, 0.06); --theme-inverse: #3d322c; } /* ColorsWall cosmic — deep violet with electric blue & pueblo rose */ [data-theme="midnight"] { --theme-bg: #12101f; --theme-bg-soft: #1c1830; --theme-bg-card: rgba(255, 255, 255, 0.05); --theme-bg-card-hover: rgba(0, 153, 255, 0.08); --theme-border: rgba(104, 69, 122, 0.2); --theme-border-accent: rgba(0, 153, 255, 0.45); --theme-text: #d4d0e0; --theme-text-muted: #9a94a8; --theme-heading: #f5f3fa; --theme-accent: #0099ff; --theme-accent-light: #66c2ff; --theme-accent-glow: rgba(0, 153, 255, 0.4); --theme-orb-1: rgba(104, 69, 122, 0.4); --theme-orb-2: rgba(233, 120, 110, 0.25); --theme-loader-bg: #12101f; --theme-grid-line: rgba(104, 69, 122, 0.08); --theme-inverse: #f5f3fa; }