:root {
  /* Brand — Vaela modrofialová. Fills only; never body text. */
  --vaela-brand: #4438EE;
  --vaela-brand-deep: #2E23B8;
  --vaela-brand-surface: #ECEBFE;
  --vaela-brand-tint: #D8D5FC;
  --vaela-brand-on: #FFFFFF;
  --vaela-brand-on-soft: rgba(255, 255, 255, 0.92);

  /* Gold — only for Vedenie (management tier). Surfaces and accents, never body text except gold-deep. */
  --vaela-gold: #C9A24A;
  --vaela-gold-deep: #7C5A0E;
  --vaela-gold-surface: #F4E9CF;
  --vaela-gold-tint: #E9D6A2;

  /* Neutrals */
  --vaela-ink: #14201C;
  --vaela-ink-soft: #3E3A44;
  --vaela-muted: #4B5A55;
  --vaela-muted-2: #6B7674;
  --vaela-placeholder: #5F5C5A;
  --vaela-line: #E7E5E4;
  --vaela-surface: #F6F5F4;
  --vaela-surface-warm: #F1EFEA;
  --vaela-surface-2: #F2F0EF;
  --vaela-card: #FFFFFF;
  --vaela-night: #14201C;

  /* Status — reserved. The brand colour may never take these jobs. */
  --vaela-done: #1E7F63;
  --vaela-done-surface: #E8F3EF;
  --vaela-done-on: #155F49;
  --vaela-info: #2F7BD6;
  --vaela-info-surface: #EAF1FC;
  --vaela-info-on: #22509B;
  --vaela-alert: #A63B20;
  --vaela-alert-surface: #FBEDE9;
  --vaela-alert-on: #A63B20;

  /* Semantic aliases */
  --text-body: var(--vaela-ink);
  --text-secondary: var(--vaela-muted);
  --text-accent: var(--vaela-brand-deep);
  --surface-page: var(--vaela-card);
  --surface-card: var(--vaela-card);
  --surface-calm: var(--vaela-brand-surface);
  --surface-neutral: var(--vaela-surface);
  --border-default: var(--vaela-line);
  --action-fill: var(--vaela-brand);
  --action-fill-hover: var(--vaela-brand-deep);
  --action-on-fill: var(--vaela-brand-on);
}

/* Tmavý režim — prepína theme.js cez data-theme na <html>. Značka svetlejšia, aby na tmavom podklade držala kontrast. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --vaela-brand: #5B50F2;
  --vaela-brand-deep: #B7B1FF;
  --vaela-brand-surface: #211D4D;
  --vaela-brand-tint: #2F2A6E;

  --vaela-gold: #C9A24A;
  --vaela-gold-deep: #E3C57E;
  --vaela-gold-surface: #2A2313;
  --vaela-gold-tint: #463A1B;

  --vaela-ink: #EDEEEC;
  --vaela-ink-soft: #CFCBD4;
  --vaela-muted: #A9B3B0;
  --vaela-muted-2: #8C9794;
  --vaela-placeholder: #8C8A88;
  --vaela-line: #2B3532;
  --vaela-surface: #172120;
  --vaela-surface-warm: #131C1A;
  --vaela-surface-2: #1E2926;
  --vaela-card: #0E1614;
  --vaela-night: #1C2724;

  --vaela-done: #34A883;
  --vaela-done-surface: #11302A;
  --vaela-done-on: #86D6BA;
  --vaela-info: #5A9BE8;
  --vaela-info-surface: #132440;
  --vaela-info-on: #A7C8F4;
  --vaela-alert: #E07A5C;
  --vaela-alert-surface: #3A1C15;
  --vaela-alert-on: #F2A58F;
}