/* Thèmes dashboard — variables sur :root via data-theme sur */ html[data-theme="default"], html:not([data-theme]) { --primary: #2563eb; --primary-hover: #3b82f6; --primary-glow: rgba(37, 99, 235, 0.15); --accent: #06b6d4; --accent-glow: rgba(6, 182, 212, 0.15); --text-accent: #38bdf8; } html[data-theme="ocean"] { --primary: #0e7490; --primary-hover: #0891b2; --primary-glow: rgba(8, 145, 178, 0.18); --accent: #22d3ee; --accent-glow: rgba(34, 211, 238, 0.16); --text-accent: #67e8f9; --bg-surface: #030712; } html[data-theme="sunset"] { --primary: #c2410c; --primary-hover: #ea580c; --primary-glow: rgba(234, 88, 12, 0.16); --accent: #f59e0b; --accent-glow: rgba(245, 158, 11, 0.14); --text-accent: #fdba74; --bg-surface: #0c0a09; } html[data-theme="forest"] { --primary: #15803d; --primary-hover: #16a34a; --primary-glow: rgba(22, 163, 74, 0.16); --accent: #4ade80; --accent-glow: rgba(74, 222, 128, 0.12); --text-accent: #86efac; --bg-surface: #052e16; } html[data-theme="amethyst"] { --primary: #7c3aed; --primary-hover: #8b5cf6; --primary-glow: rgba(139, 92, 246, 0.18); --accent: #c084fc; --accent-glow: rgba(192, 132, 252, 0.14); --text-accent: #e9d5ff; --bg-surface: #0f0720; } html[data-theme="crimson"] { --primary: #be123c; --primary-hover: #e11d48; --primary-glow: rgba(225, 29, 72, 0.16); --accent: #fb7185; --accent-glow: rgba(251, 113, 133, 0.14); --text-accent: #fda4af; --bg-surface: #1a0509; } .theme-picker { padding: 0.75rem; border-top: 1px solid var(--border-subtle); } .theme-picker-label { font-size: 0.6rem; font-family: var(--font-mono); text-transform: uppercase; letter-spacing: 0.08em; color: var(--text-tertiary); margin-bottom: 0.5rem; font-weight: 700; } .theme-swatches { display: flex; flex-wrap: wrap; gap: 0.35rem; } .theme-swatch { width: 22px; height: 22px; border-radius: var(--radius-sm); border: 2px solid transparent; cursor: pointer; padding: 0; transition: transform 0.15s, border-color 0.15s; } .theme-swatch:hover { transform: scale(1.08); } .theme-swatch.active { border-color: var(--text-primary); box-shadow: 0 0 0 1px var(--accent); } .theme-swatch[data-theme-id="nebula"], .theme-swatch[data-theme-id="default"] { background: linear-gradient(135deg, #2563eb, #06b6d4); } .theme-swatch[data-theme-id="ocean"] { background: linear-gradient(135deg, #0e7490, #22d3ee); } .theme-swatch[data-theme-id="sunset"] { background: linear-gradient(135deg, #c2410c, #f59e0b); } .theme-swatch[data-theme-id="forest"] { background: linear-gradient(135deg, #15803d, #4ade80); } .theme-swatch[data-theme-id="amethyst"] { background: linear-gradient(135deg, #7c3aed, #c084fc); } .theme-swatch[data-theme-id="crimson"] { background: linear-gradient(135deg, #be123c, #fb7185); } .theme-swatch[data-theme-id="midnight"] { background: linear-gradient(135deg, #1e1b4b, #6366f1); } .theme-swatch[data-theme-id="coral"] { background: linear-gradient(135deg, #f97316, #fb923c); } .theme-swatch[data-theme-id="slate"] { background: linear-gradient(135deg, #334155, #94a3b8); } .theme-swatch[data-theme-id="neon"] { background: linear-gradient(135deg, #d946ef, #22d3ee); } .theme-swatch[data-theme-id="paper"] { background: linear-gradient(135deg, #d6d3d1, #78716c); } .theme-swatch[data-theme-id="royal"] { background: linear-gradient(135deg, #854d0e, #fbbf24); } .theme-swatch[data-theme-id="arctic"] { background: linear-gradient(135deg, #e0f2fe, #0ea5e9); } .theme-swatch[data-theme-id="lava"] { background: linear-gradient(135deg, #7f1d1d, #ef4444); } .theme-swatch[data-theme-id="matrix"] { background: linear-gradient(135deg, #052e16, #22c55e); } .shop-paypal-notice { margin-bottom: 1.25rem; padding: 0.75rem 1rem; border-radius: var(--radius-md); font-size: 0.8rem; font-family: var(--font-mono); border: 1px solid var(--border-medium); } .shop-paypal-notice.success { color: var(--success); border-color: var(--success-border); background: var(--success-bg); } .shop-paypal-notice.error { color: var(--danger); border-color: var(--danger-border); background: var(--danger-bg); } .shop-paypal-notice.info { color: var(--text-secondary); }