/* ==============================================================
   NotebookStock — дизайн-токени (кольори, тіні)
   Спільні для всього сайту: і публічної частини, і адмінки.
   Підключати ПЕРШИМ CSS-файлом на кожній сторінці.
   ============================================================== */

:root{
  /* Visual reference: shared layout and palette primitives. */
  /* Reference desktop frames are 1920px wide with 175px side margins. */
  --content-max: 1570px;
  --radius-card: 16px;
  --radius-panel: 24px;
  --radius-pill: 999px;
  --violet: #9747ff;
  --violet-soft: #f9fafb;
  --brand: #a6d934;
  --brand-foreground: #1f1c22;
  --gray-light: #f9fafb;
  --gray-mid: #aebac0;
  --gray-dark: #888e92;
  --bg: #ffffff;
  --bg2: #f9fafb;
  --bg3: #dde6eb;
  --bg4: #f9fafb;
  --text: #1f1c22;
  --text2: #888e92;
  --text3: #888e92;
  --border: #dde6eb;
  --border2: #aebac0;
  --primary: var(--violet);
  --primary-bg: var(--violet-soft);
  --primary-text: #9747ff;
  --lime: #86ba0f;
  --lime-bg: rgba(134,186,15,.08);
  --lime-text: #86ba0f;
  --lime-dot: var(--brand);
  --card: #ffffff;
  --header-bg: rgba(255,255,255,0.92);
  --input-bg: #f5f5f3;
  --shadow: 0 1px 3px rgba(0,0,0,0.08);
  --danger: #c0392b;
  --danger-bg: #fbebe9;
  --warn-text: #7a4a00;
  --warn-bg: #fdf1de;
  --info: #185fa5;
  --info-bg: #e6f1fb;
  --ink: #1f1c22;
  --ink-text: #ffffff;
  --shadow-card: 0 4px 18px rgba(40,38,45,.08);
  --shadow-float: 0 18px 40px -18px rgba(40,38,45,.28);
}

/* Базовий скидання — теж спільне для всіх сторінок */
*{margin:0;padding:0;box-sizing:border-box;transition:background-color .2s,color .18s,border-color .18s}