/* * Webonom — varsayılan token'lar. * Siteye özel değerler webonom-site/skin.css içinde bu değişkenleri ezer. * Dark varsayılan; light için . */ :root { color-scheme: dark; --wb-bg: #111418; --wb-surface: #1a1e24; --wb-surface-2: #22272f; --wb-border: #2e3440; --wb-text: #e8eaed; --wb-text-muted: #9aa3ae; --wb-text-subtle: #6f7885; --wb-accent: #6d8cff; --wb-accent-hover: #859fff; --wb-accent-contrast: #0b1020; --wb-accent-text: #93a8ff; --wb-accent-soft: rgb(109 140 255 / .14); --wb-success: #3ecf8e; --wb-success-soft: rgb(62 207 142 / .14); --wb-danger: #ff6b6b; --wb-danger-soft: rgb(255 107 107 / .14); --wb-warning: #f5a524; --wb-warning-soft: rgb(245 165 36 / .14); --wb-info: #5aa9ff; --wb-info-soft: rgb(90 169 255 / .14); --wb-header-bg: rgb(17 20 24 / .92); --wb-footer-bg: #0c0f12; --wb-overlay: rgb(0 0 0 / .55); --wb-font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --wb-font-heading: var(--wb-font-body); --wb-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; --wb-radius: 12px; --wb-radius-sm: 8px; --wb-radius-pill: 999px; --wb-shadow: 0 1px 2px rgb(0 0 0 / .3); --wb-shadow-lg: 0 25px 50px -12px rgb(0 0 0 / .5); --wb-header-h: 64px; --wb-container: 1200px; } [data-theme="light"] { color-scheme: light; --wb-bg: #f5f6f8; --wb-surface: #ffffff; --wb-surface-2: #eef0f3; --wb-border: #dde1e7; --wb-text: #14171c; --wb-text-muted: #5b6573; --wb-text-subtle: #8a93a0; --wb-accent: #4263eb; --wb-accent-hover: #3452d1; --wb-accent-contrast: #ffffff; --wb-accent-text: #3452d1; --wb-accent-soft: rgb(66 99 235 / .1); --wb-success: #12a66a; --wb-success-soft: rgb(18 166 106 / .1); --wb-danger: #d93838; --wb-danger-soft: rgb(217 56 56 / .1); --wb-warning: #b26a00; --wb-warning-soft: rgb(245 165 36 / .16); --wb-info: #1f6fd1; --wb-info-soft: rgb(31 111 209 / .1); --wb-header-bg: rgb(255 255 255 / .92); --wb-footer-bg: #eceef2; --wb-overlay: rgb(20 23 28 / .45); --wb-shadow: 0 1px 2px rgb(20 23 28 / .06); --wb-shadow-lg: 0 20px 40px -16px rgb(20 23 28 / .18); }