/*! * Cheil KZ Tools — design tokens * Light по умолчанию, тёмная и «как в системе» через [data-theme] на . * См. design-system/README.md */ :root{ --background:#ffffff; --foreground:#0a0a0a; --card:#ffffff; --popover:#ffffff; --primary:#171717; --primary-foreground:#fafafa; --secondary:#f5f5f5; --secondary-foreground:#171717; --muted:#f5f5f5; --muted-foreground:#737373; --accent:#f5f5f5; --accent-foreground:#171717; --destructive:#dc2626; --destructive-soft:#fef2f2; --warning:#b45309; --warning-soft:#fffbeb; --warning-border:#fde68a; --success:#15803d; --border:#e5e5e5; --input:#e5e5e5; --ring:#a3a3a3; --page:#fafafa; --control:#ffffff; --shadow-xs:0 1px 2px rgba(0,0,0,.05); --shadow-sm:0 1px 3px rgba(0,0,0,.08),0 1px 2px -1px rgba(0,0,0,.08); --shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1); --radius:.625rem; --sans:"Geist",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace; color-scheme:light; } @media (prefers-color-scheme:dark){:root:not([data-theme="light"]){ --background:#0a0a0a; --foreground:#fafafa; --card:#171717; --popover:#171717; --primary:#e5e5e5; --primary-foreground:#171717; --secondary:#262626; --secondary-foreground:#fafafa; --muted:#262626; --muted-foreground:#a1a1a1; --accent:#262626; --accent-foreground:#fafafa; --destructive:#f87171; --destructive-soft:rgba(248,113,113,.12); --warning:#fbbf24; --warning-soft:rgba(251,191,36,.12); --warning-border:rgba(251,191,36,.3); --success:#4ade80; --border:rgba(255,255,255,.1); --input:rgba(255,255,255,.15); --ring:#737373; --page:#0a0a0a; --control:rgba(255,255,255,.045); --shadow-xs:none; --shadow-sm:none; --shadow-lg:0 10px 30px rgba(0,0,0,.5); color-scheme:dark; }} :root[data-theme="dark"]{ --background:#0a0a0a; --foreground:#fafafa; --card:#171717; --popover:#171717; --primary:#e5e5e5; --primary-foreground:#171717; --secondary:#262626; --secondary-foreground:#fafafa; --muted:#262626; --muted-foreground:#a1a1a1; --accent:#262626; --accent-foreground:#fafafa; --destructive:#f87171; --destructive-soft:rgba(248,113,113,.12); --warning:#fbbf24; --warning-soft:rgba(251,191,36,.12); --warning-border:rgba(251,191,36,.3); --success:#4ade80; --border:rgba(255,255,255,.1); --input:rgba(255,255,255,.15); --ring:#737373; --page:#0a0a0a; --control:rgba(255,255,255,.045); --shadow-xs:none; --shadow-sm:none; --shadow-lg:0 10px 30px rgba(0,0,0,.5); color-scheme:dark; } /* ---------- Базовый сброс ---------- */ *{box-sizing:border-box;border-color:var(--border)} html{-webkit-text-size-adjust:100%} body{margin:0;background:var(--page);color:var(--foreground);font:14px/1.5 var(--sans);-webkit-font-smoothing:antialiased} [hidden]{display:none!important} button,input,select,textarea{font:inherit;color:inherit} :focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--ring) 50%,transparent)} code{font-family:var(--mono)} /* ---------- Страница ---------- */ .page{max-width:1040px;margin:0 auto;padding:0 20px 80px} @media (max-width:480px){.page{padding-left:12px;padding-right:12px}}