/* ============================================================
   Logopedy — design tokens (unica fonte per la palette)
   Burgundy + bianco + grigi neutri, stile Notion.
   Le terne "R G B" servono a Tailwind (rgb(var(--c-x) / <alpha-value>)).
   ============================================================ */
:root {
  --c-burgundy:      123 26 42;
  --c-burgundy-dark: 94 18 32;
  --c-white:         255 255 255;
  --c-surface:       247 247 245;
  --c-surface-2:     241 241 239;
  --c-surface-3:     235 235 233;
  --c-surface-4:     227 226 224;
  --c-border:        233 233 231;
  --c-text:          55 53 47;
  --c-text-mid:      95 94 91;
  --c-text-muted:    120 119 116;
  --c-error:         180 35 24;
  --c-error-bg:      254 228 226;
  --c-success:       31 122 77;
  --c-success-bg:    230 244 236;
  --c-warning:       154 103 0;
  --c-warning-bg:    252 243 220;

  --burgundy:       rgb(var(--c-burgundy));
  --burgundy-dark:  rgb(var(--c-burgundy-dark));
  --white:          rgb(var(--c-white));
  --surface:        rgb(var(--c-white));
  --surface-sidebar:rgb(var(--c-surface));
  --text:           rgb(var(--c-text-mid));
  --title:          rgb(var(--c-text));
  --text-muted:     rgb(var(--c-text-muted));
  --border:         rgb(var(--c-border));
  --border-subtle:  rgb(var(--c-border));

  --radius-sm:      4px;
  --radius-md:      6px;
  --radius-lg:      8px;
  --shadow-card:    0 0 0 1px rgb(var(--c-border));
  --shadow-card-hover: 0 2px 8px rgba(55, 53, 47, 0.08);
  --transition:     all 0.15s ease;
}