/** * Omnex UI Kit — themes/light.css * Aydınlık tema: "Omnex Mineral" — yeşile çalan nötr tonlar + petrol primary. * Yalnızca renk/yüzey/gölge token'ları. Yapısal token'lar tokens.css'tedir. * Tema anahtarı: ; attribute yoksa sistem * tercihi geçerlidir (dark.css içindeki media bloğu). */ :root, :root[data-theme="light"] { color-scheme: light; /* Yüzeyler */ --ox-bg: #f4f7f5; --ox-surface: #ffffff; --ox-surface-2: #edf1ee; /* Metin */ --ox-fg: #1a2420; --ox-fg-muted: #5c6b64; --ox-fg-faint: #8a968f; /* Çizgiler */ --ox-border: #dde4df; --ox-border-strong: #c3cec7; /* Marka: petrol/teal. --ox-accent tenant tarafından override edilebilir. */ --ox-primary: #0f766e; --ox-primary-hover: #0c5f59; --ox-primary-active: #0a4f4a; --ox-primary-fg: #ffffff; --ox-primary-subtle: #dfeeeb; --ox-accent: var(--ox-primary); --ox-ring: rgba(15, 118, 110, 0.28); /* Durum renkleri */ --ox-success: #15803d; --ox-success-subtle: #e2f2e7; --ox-warning: #b45309; --ox-warning-subtle: #fbeedb; --ox-danger: #b91c1c; --ox-danger-subtle: #fbe5e5; --ox-info: #0369a1; --ox-info-subtle: #e1f0fa; /* Seçim / kaplama */ --ox-selection: rgba(15, 118, 110, 0.16); --ox-backdrop: rgba(20, 28, 24, 0.44); /* Gölgeler */ --ox-shadow-sm: 0 1px 2px rgba(26, 36, 32, 0.06); --ox-shadow-md: 0 2px 8px -2px rgba(26, 36, 32, 0.1); --ox-shadow-lg: 0 8px 24px -6px rgba(26, 36, 32, 0.14); --ox-shadow-overlay: 0 16px 48px -8px rgba(26, 36, 32, 0.22); }