/* ========================================================================== TOKENS — Renk, ölçü ve tipografi değişkenleri -------------------------------------------------------------------------- Tüm siteyi buradan yönetirsiniz. Bir rengi değiştirmek için sadece buradaki değeri düzeltin; hiçbir bileşende sabit renk yoktur. Koyu mod: (js/theme.js ayarlar) ========================================================================== */ :root { /* --- Yüzeyler --- */ --bg: #f7f8fa; --bg-elev: #ffffff; --surface: #ffffff; --surface-2: #f2f3f7; --surface-3: #e9eaf0; --border: #e3e5ec; --border-strong: #cfd3de; /* --- Metin --- */ --text: #14161f; --text-muted: #5b6172; --text-faint: #858b9c; /* --- Marka (menekşe) --- */ --primary: #6d28d9; --primary-strong: #5b21b6; --primary-soft: #f1ebfe; --primary-softer: #f8f5ff; --primary-contrast:#ffffff; /* --- Durum renkleri --- */ --success: #047857; --success-soft: #e7f6f0; --warning: #a15c07; --warning-soft: #fdf3e3; --danger: #b42318; --danger-soft: #fdeceb; --info: #1d4ed8; --info-soft: #e8effd; /* --- Kod --- */ --code-bg: #1b1d29; --code-head: #232635; --code-border: #2e3141; --code-text: #e6e8f0; --code-inline-bg: #eef0f6; --code-inline-fg: #5b21b6; /* Sözdizimi renkleri (koyu zemin üzerinde okunur) */ --tok-comment: #7f8598; --tok-string: #9fe08a; --tok-number: #f0b978; --tok-keyword: #7fd1f7; --tok-function: #c4a6ff; --tok-tag: #f79ab5; --tok-attr: #9fe08a; --tok-punct: #a8aec1; --tok-var: #ffd479; /* --- Ölçü --- */ --radius-sm: 6px; --radius: 10px; --radius-lg: 14px; --header-h: 60px; --sidebar-w: 288px; --toc-w: 232px; --content-max: 820px; /* --- Gölge --- */ --shadow-sm: 0 1px 2px rgba(16, 18, 28, .06); --shadow: 0 2px 8px rgba(16, 18, 28, .08); --shadow-lg: 0 12px 32px rgba(16, 18, 28, .14); /* --- Tipografi --- */ --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace; --fs-sm: .82rem; --fs-base: .94rem; --fs-lg: 1.06rem; /* --- Geçiş --- */ --tr: 160ms ease; } [data-theme="dark"] { --bg: #0e1016; --bg-elev: #14161e; --surface: #161922; --surface-2: #1c1f2a; --surface-3: #242835; --border: #262a37; --border-strong: #363b4b; --text: #e8eaf2; --text-muted: #9ba2b5; --text-faint: #767d91; --primary: #a78bfa; --primary-strong: #c4b5fd; --primary-soft: #241d3d; --primary-softer: #1a1628; --primary-contrast:#15121f; --success: #4ade80; --success-soft: #10251b; --warning: #fbbf24; --warning-soft: #2a2110; --danger: #f87171; --danger-soft: #2b1618; --info: #93b4ff; --info-soft: #141d33; --code-bg: #0c0e15; --code-head: #14171f; --code-border: #232734; --code-inline-bg: #232734; --code-inline-fg: #c4b5fd; --shadow-sm: 0 1px 2px rgba(0, 0, 0, .4); --shadow: 0 2px 10px rgba(0, 0, 0, .45); --shadow-lg: 0 14px 36px rgba(0, 0, 0, .55); }