/* ============================================================
   ZadrugApp — Atelier Design Tokens
   Samo CSS varijable. Uvijek safe za uključiti.
   ============================================================ */

:root {
  /* ── Boje ── */
  --za-bg:            #F5F1E6;  /* warm beige — tijelo stranice */
  --za-surface:       #FFFFFF;  /* kartice */
  --za-surface-alt:   #EFE9D8;  /* paper — alt kartice, header */
  --za-surface-alt2:  #E3DCC5;  /* deeper paper — table header, trakica */

  --za-ink:           #1A1A17;
  --za-ink-soft:      #3F3C34;
  --za-muted:         #8A8578;

  --za-olive:         #5E6E2A;  /* primary — active nav, graf, naglasak */
  --za-olive-dark:    #3F4A1C;  /* sidebar */
  --za-olive-darker:  #2B321A;
  --za-olive-soft:    #DDE2C3;  /* chip / tag background */

  --za-gold:          #D4B84A;  /* action button, highlight */
  --za-gold-light:    #ECD97A;
  --za-gold-dark:     #9A8424;

  --za-terra:         #C9463A;  /* negativni delta, upozorenja */
  --za-sky:           #3E6B87;

  --za-line:          rgba(63, 74, 28, 0.12);
  --za-line-soft:     rgba(63, 74, 28, 0.06);

  /* ── Tipografija ── */
  --za-font-sans:  'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --za-font-mono:  'JetBrains Mono', 'SF Mono', Menlo, Consolas, monospace;

  /* ── Spacing (Bootstrap-kompatibilno) ── */
  --za-radius-sm: 4px;
  --za-radius:    8px;
  --za-radius-lg: 12px;

  /* ── Sjene ── */
  --za-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --za-shadow:    0 2px 8px rgba(0, 0, 0, 0.06);

  /* ── Bootstrap overrides ── */
  --bs-primary:        #5E6E2A;
  --bs-primary-rgb:    94, 110, 42;
  --bs-success:        #5E6E2A;
  --bs-warning:        #D4B84A;
  --bs-danger:         #C9463A;
  --bs-body-bg:        #F5F1E6;
  --bs-body-color:     #1A1A17;
  --bs-body-font-family: 'Inter', system-ui, sans-serif;
  --bs-border-color:   rgba(63, 74, 28, 0.12);
}