/* ============================================================
   ArhPro — Design Tokens (єдине джерело правди)
   Світла, мінімалістична тема. Графітовий primary + індиго акцент.
   Усі стилі мають посилатися лише на ці змінні.
   ============================================================ */

:root {
  /* —— Нейтральна основа (тепло-сірий) —— */
  --bg: #f7f7f5;
  --surface: #ffffff;
  --surface-2: #f1f2f0;
  --surface-3: #e9eae7;

  --text: #1a1c1e;
  --text-muted: #6b7076;
  --text-subtle: #9aa0a6;
  --text-inverse: #ffffff;

  --border: #e7e8e6;
  --border-strong: #d4d6d3;

  /* —— Акцент (фокус, посилання, активні стани) —— */
  --accent: #4c5bd4;
  --accent-hover: #3f4cbc;
  --accent-soft: #eceefb;
  --accent-ring: rgba(76, 91, 212, 0.35);

  /* —— Основна дія (графіт) —— */
  --btn-primary: #1a1c1e;
  --btn-primary-hover: #000000;
  --btn-primary-text: #ffffff;

  /* —— Семантичні (приглушені для світлої теми) —— */
  --success: #2e7d52;
  --success-bg: #e7f4ec;
  --warning: #9a6b16;
  --warning-bg: #fbf1de;
  --error: #c0392b;
  --error-bg: #fbeae8;
  --info: #3a6ea5;
  --info-bg: #e8f0f8;

  /* —— Сумісність зі старими назвами (поступово прибрати) —— */
  --primary: var(--accent);
  --primary-hover: var(--accent-hover);
  --muted: var(--text-muted);

  /* —— Кольори стікерів (приглушені, узгоджені) —— */
  --sticker-lemon: #fbf3c9;
  --sticker-mint: #dcefe4;
  --sticker-sky: #dceaf6;
  --sticker-rose: #f6e1e3;
  --sticker-lavender: #e8e5f4;
  --sticker-sand: #f2e9d8;
  --sticker-ink: #3a3d42;
  --sticker-border: rgba(26, 28, 30, 0.08);

  /* —— Кольори свят календаря (приглушена палітра) —— */
  --cal-si: #fbedb8;
  --cal-ro: #d3e3f4;
  --cal-hr: #cfe9d6;
  --cal-bg: #f6ddc2;
  --cal-si-ring: #d6a52a;
  --cal-ro-ring: #5a8bc4;
  --cal-hr-ring: #4faa6c;
  --cal-bg-ring: #d68a45;
  --cal-si-ink: #7a5a10;
  --cal-ro-ink: #2f5887;
  --cal-hr-ink: #2c6740;
  --cal-bg-ink: #8a4d1a;

  /* —— Типографіка —— */
  --font-ui: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "Consolas", "Courier New", monospace;
  --font-mrz: "OCR-B", monospace;

  --fs-xs: 0.75rem;     /* 12 */
  --fs-sm: 0.8125rem;   /* 13 */
  --fs-base: 0.875rem;  /* 14 */
  --fs-md: 1rem;        /* 16 */
  --fs-lg: 1.25rem;     /* 20 */
  --fs-xl: 1.5rem;      /* 24 */
  --fs-2xl: 1.875rem;   /* 30 */

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  --lh-tight: 1.25;
  --lh-base: 1.5;

  /* —— Відступи (крок 4px) —— */
  --space-1: 0.25rem;   /* 4 */
  --space-2: 0.5rem;    /* 8 */
  --space-3: 0.75rem;   /* 12 */
  --space-4: 1rem;      /* 16 */
  --space-5: 1.5rem;    /* 24 */
  --space-6: 2rem;      /* 32 */
  --space-7: 3rem;      /* 48 */

  /* —— Радіуси —— */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 999px;

  /* —— Тіні —— */
  --shadow-sm: 0 1px 2px rgba(20, 22, 26, 0.06);
  --shadow-md: 0 4px 12px rgba(20, 22, 26, 0.08);
  --shadow-lg: 0 12px 32px rgba(20, 22, 26, 0.12);

  /* —— Контроли —— */
  --control-h: 2.5rem;       /* 40px — поля, кнопки */
  --control-h-sm: 2.25rem;   /* 36px — компактні */

  /* —— Переходи —— */
  --transition-fast: 0.12s ease;
  --transition-base: 0.18s ease;
}