/* MASUDIS X — Design Tokens v2.1 (april 2026)
 * Source: masudis_branding_v2.1.md
 * Pravilo: koren reci neutralan, gradient samo na X zavrsetku. */

:root {
  /* === Boje — primarne === */
  --krem-bg: #F0E8D5;
  --concrete: #4A4E57;
  --amber: #D4840A;
  --tekst-tamni: #1c1917;
  --tekst-svetli: #fafaf9;
  --tekst-muted: #6b6358;

  /* === Boje — status sistem (rokovi) === */
  --status-kriticno: #DC2626;
  --status-kriticno-fg: #ffffff;
  --status-upozorenje: #D4840A;
  --status-upozorenje-fg: #ffffff;
  --status-ok-bg: #ECFDF5;
  --status-ok-fg: #166534;
  --status-info-bg: #E7E5E4;
  --status-info-fg: #44403c;

  /* === Backgrounds & borders === */
  --bg-card: rgba(255, 255, 255, 0.7);
  --bg-card-solid: #ffffff;
  --bg-dark-hero: #1c1917;
  --border-subtle: rgba(0, 0, 0, 0.08);
  --border-default: rgba(0, 0, 0, 0.10);

  /* === Typography === */
  --font-syne: 'Syne', sans-serif;
  --font-instrument: 'Instrument Serif', serif;
  --font-mono: 'JetBrains Mono', monospace;
  --font-mono-alt: 'Space Mono', monospace;

  /* === Spacing === */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;

  /* === Radius === */
  --radius-button: 12px;
  --radius-card: 12px;
  --radius-block: 16px;
  --radius-badge: 12px;

  /* === Gradient (X suffix only — vidi pravilo) === */
  --gradient-x-light: linear-gradient(135deg, #4A4E57 0%, #D4840A 100%);
  --gradient-x-dark: linear-gradient(135deg, #9CA3AF 0%, #F59E0B 100%);

  /* === Shadow === */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.04);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.06);
}