/* Omnex — Koyu tema paleti. [data-theme="dark"] üzerinde + sistem tercihi fallback. */ [data-theme="dark"] { --color-primary: #3b82f6; --color-primary-hover: #60a5fa; --color-primary-active: #2563eb; --color-primary-soft: #18243f; --color-primary-ring: rgba(59,130,246,.40); --color-on-primary: #ffffff; --color-secondary: #a78bfa; --color-secondary-soft: #241c3d; --color-success: #22c55e; --color-success-soft: #122a1c; --color-warning: #f59e0b; --color-warning-soft: #2c2110; --color-danger: #ef4444; --color-danger-hover: #f87171; --color-danger-soft: #321618; --color-info: #22d3ee; --color-info-soft: #0c2a30; --bg-page: #0b1220; --bg-surface: #131c2e; --bg-elevated: #1b2740; --bg-sunken: #0a101c; --bg-hover: rgba(255,255,255,.05); --bg-active: rgba(255,255,255,.09); --overlay: rgba(2,6,16,.62); --text-primary: #e8edf6; --text-secondary: #a9b6ca; --text-muted: #64748b; --text-on-accent: #ffffff; --border-default: #2a3852; --border-strong: #3a4c6b; --border-subtle: #1c2740; --shadow-xs: 0 1px 2px rgba(0,0,0,.4); --shadow-sm: 0 1px 3px rgba(0,0,0,.5); --shadow-md: 0 6px 18px rgba(0,0,0,.55); --shadow-lg: 0 16px 40px rgba(0,0,0,.62); --shadow-xl: 0 28px 64px rgba(0,0,0,.7); /* Geriye dönük alias'lar */ --bg: var(--bg-page); --surface: var(--bg-surface); --fg: var(--text-primary); --muted: var(--text-secondary); --border: var(--border-default); --primary: var(--color-primary); --danger: var(--color-danger); --success: var(--color-success); } /* Sistem tercihi (tema seçilmemişse) */ @media (prefers-color-scheme: dark) { :root:not([data-theme]) { --bg-page: #0b1220; --bg-surface: #131c2e; --bg-elevated: #1b2740; --text-primary: #e8edf6; --text-secondary: #a9b6ca; --text-muted: #64748b; --border-default: #2a3852; --color-primary: #3b82f6; --bg: #0b1220; --surface: #131c2e; --fg: #e8edf6; --muted: #a9b6ca; --border: #2a3852; --primary: #3b82f6; } }