/* Урок Просто — generated from tokens.json (локальная копия с холста 03.11 для стенда a2x) */
:root, [data-theme="light"] {
  --ink: #1f1b3a;
  --text-2: #5f5b76;
  --muted: #5f5b76;
  --primary: #5b3df5;
  --primary-hover: #4a2de0;
  --primary-tint: #efebff;
  --primary-edge: rgba(91, 61, 245, 0.22);
  --pastel-yellow-edge: rgba(230, 160, 0, 0.32);
  --pastel-pink-edge: rgba(235, 70, 120, 0.24);
  --pastel-mint-edge: rgba(20, 160, 110, 0.26);
  --pastel-lilac-edge: rgba(120, 80, 240, 0.24);
  --pastel-sky-edge: rgba(20, 140, 220, 0.26);
  --pastel-peach-edge: rgba(240, 100, 60, 0.26);
  --pastel-lime-edge: rgba(120, 170, 20, 0.3);
  --success-edge: rgba(20, 150, 100, 0.28);
  --warning-edge: rgba(214, 145, 20, 0.35);
  --error-edge: rgba(220, 50, 70, 0.24);
  --link: var(--primary);
  --link-hover: var(--primary-hover);
  --on-primary: #ffffff;
  --bg: #f7f6fb;
  --band: #f3efff;
  --surface: #ffffff;
  --surface-2: #f2f0f8;
  --line: #e7e4f0;
  --line-strong: #8f8aa3;
  --success: #12875b;
  --success-tint: #e2f7ee;
  --warning: #a35f00;
  --warning-tint: #fff4dd;
  --warning-line: #f2c86b;
  --error: #d42a46;
  --error-hover: #b31f38;
  --error-tint: #fdeaee;
  --focus: var(--primary);
  --scrim: rgba(31, 27, 58, 0.45);
  --pastel-yellow: #fff1c7;
  --mark-bg: #fff3a3;
  --pastel-pink: #ffe3ec;
  --pastel-blue: #ebe7ff;
  --pastel-mint: #d9f6ea;
  --pastel-lilac: #efe6ff;
  --pastel-sky: #dcf0fd;
  --pastel-peach: #ffe5d8;
  --pastel-lime: #edf7d2;
  --scrollbar: rgba(31, 27, 58, 0.22);
  --sun: #ffc83d;
  --coral: #ff6b57;
  --mint: #22c39a;
  --sky: #36a9f5;
  --berry: #ff5d9e;
  --grape: #8b6cff;
  --chalk: #2f6b57;
  --ill-paper: #ffffff;
  --ill-line: #1f1b3a;
  --shadow-card: 0 4px 24px rgba(60, 40, 120, 0.08);
  --shadow-card-hover: 0 12px 36px rgba(60, 40, 120, 0.16);
  --shadow-dialog: 0 16px 48px rgba(31, 27, 58, 0.22);
  --shadow-sheet: 0 4px 24px rgba(60, 40, 120, 0.08);
}
[data-theme="dark"] {
  --ink: #efecfb;
  --text-2: #b0aac8;
  --muted: #b0aac8;
  --primary: #7b62ff;
  --primary-hover: #8c77ff;
  --primary-tint: #2a2350;
  --primary-edge: rgba(170, 150, 255, 0.3);
  --pastel-yellow-edge: rgba(255, 200, 80, 0.3);
  --pastel-pink-edge: rgba(255, 130, 170, 0.28);
  --pastel-mint-edge: rgba(70, 210, 160, 0.28);
  --pastel-lilac-edge: rgba(170, 150, 255, 0.28);
  --pastel-sky-edge: rgba(90, 190, 245, 0.28);
  --pastel-peach-edge: rgba(255, 150, 110, 0.28);
  --pastel-lime-edge: rgba(180, 220, 90, 0.28);
  --success-edge: rgba(70, 210, 160, 0.32);
  --warning-edge: rgba(242, 180, 68, 0.32);
  --error-edge: rgba(255, 107, 122, 0.32);
  --link: #ab9cff;
  --link-hover: #c4b9ff;
  --bg: #15122a;
  --band: #1d1940;
  --surface: #1f1b3a;
  --surface-2: #28234a;
  --line: #352f5e;
  --line-strong: #6c6690;
  --success: #46d2a0;
  --success-tint: #123227;
  --warning: #f2b444;
  --warning-tint: #33270f;
  --warning-line: #6b5420;
  --error: #ff6b7a;
  --error-hover: #ff8592;
  --error-tint: #3a1a24;
  --focus: #ab9cff;
  --scrim: rgba(0, 0, 0, 0.6);
  --pastel-yellow: #352c16;
  --mark-bg: var(--warning-edge);
  --pastel-pink: #361c2b;
  --pastel-blue: #262150;
  --pastel-mint: #143329;
  --pastel-lilac: #2a2050;
  --pastel-sky: #142c40;
  --pastel-peach: #3a2219;
  --pastel-lime: #283015;
  --scrollbar: rgba(232, 238, 246, 0.25);
  --ill-paper: #f4f1ff;
  --ill-line: #1f1b3a;
  --shadow-card: 0 4px 24px rgba(0, 0, 0, 0.35);
  --shadow-card-hover: 0 8px 32px rgba(0, 0, 0, 0.45);
  --shadow-dialog: 0 16px 48px rgba(0, 0, 0, 0.55);
  --shadow-sheet: 0 4px 24px rgba(0, 0, 0, 0.35);
}
:root {
  --page-pad: 32px;
  --r-4: 4px;
  --r-8: 8px;
  --r-12: 12px;
  --r-16: 16px;
  --r-24: 24px;
  --radius-pill: 9999px;
  --content-max: 1200px;
  --side-w: 256px;
  --side-w-collapsed: 72px;
  --font-sans: "Urok Text", "Golos Text", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-display: "Manrope", "Urok Text", "Golos Text", system-ui, sans-serif;
}
@font-face { font-family: "Urok Text"; src: url("/static/fonts/urok-text-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Urok Text"; src: url("/static/fonts/urok-text-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Urok Text"; src: url("/static/fonts/urok-text-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Urok Text"; src: url("/static/fonts/urok-text-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("/static/fonts/manrope-latin.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("/static/fonts/manrope-cyrillic.woff2") format("woff2"); font-weight: 200 800; font-style: normal; font-display: swap; }