/* Диполия — design tokens. Сгенерировано из tokens.json. Тема по умолчанию — тёмная; светлая: <html data-theme="light"> */

@font-face{font-family:"IBM Plex Sans";src:url("fonts/IBMPlexSans-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("fonts/IBMPlexSans-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Sans";src:url("fonts/IBMPlexSans-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonts/IBMPlexMono-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url("fonts/IBMPlexMono-500.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root, [data-theme="dark"] {
  --bg-000: #0c0e10;
  --bg-100: #111417;
  --bg-200: #1a1e22;
  --bg-300: #232830;
  --grid: #181c20;
  --line: #2a3037;
  --line-strong: #6a737e;
  --ink: #e6e9ec;
  --ink-muted: #9aa3ad;
  --ink-faint: #7d8691;
  --steel: #b8c0c8;
  --accent: #ffb224;
  --accent-hover: #ffc457;
  --accent-text: #ffb224;
  --on-accent: #14100a;
  --accent-soft: #2a2010;
  --success: #4cc38a;
  --error: #ff7a6b;
  --focus: var(--accent);
  --shadow-shot: 0 24px 48px -12px rgba(0,0,0,0.6);
  color-scheme: dark;
}
[data-theme="light"] {
  --bg-000: #f4f5f6;
  --bg-100: #eceef0;
  --bg-200: #ffffff;
  --bg-300: #ffffff;
  --grid: #e3e6e9;
  --line: #d5d9dd;
  --line-strong: #8a939c;
  --ink: #15191d;
  --ink-muted: #4f5861;
  --ink-faint: #646d76;
  --steel: #5d6670;
  --accent: #ffb224;
  --accent-hover: #f0a010;
  --accent-text: #8f5600;
  --on-accent: #14100a;
  --accent-soft: #fff1d6;
  --success: #1d7a4c;
  --error: #c4321f;
  --focus: #15191d;
  --shadow-shot: 0 16px 32px -12px rgba(21,25,29,0.18);
  color-scheme: light;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --container: 1200px;
  --radius-0: 0;
  --radius-sm: 2px;
  --radius-md: 4px;
  --font-sans: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, "Courier New", monospace;
}

/* Текстовые стили */
.t-display{font-family:var(--font-sans);font-size:56px;line-height:60px;font-weight:600;letter-spacing:-0.02em}
.t-display-m{font-family:var(--font-sans);font-size:32px;line-height:36px;font-weight:600;letter-spacing:-0.015em}
.t-h2{font-family:var(--font-sans);font-size:36px;line-height:42px;font-weight:600;letter-spacing:-0.01em}
.t-h3{font-family:var(--font-sans);font-size:22px;line-height:28px;font-weight:600}
.t-lead{font-family:var(--font-sans);font-size:19px;line-height:28px;font-weight:400}
.t-body{font-family:var(--font-sans);font-size:16px;line-height:24px;font-weight:400}
.t-small{font-family:var(--font-sans);font-size:14px;line-height:20px;font-weight:400}
.t-button{font-family:var(--font-sans);font-size:16px;line-height:20px;font-weight:500}
.t-code{font-family:var(--font-mono);font-size:14px;line-height:20px;font-weight:400}
.t-label{font-family:var(--font-mono);font-size:12px;line-height:16px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase}