/* NaručiSe brend-tokeni — jedinstveni izvor istine (boje, font, prostor) */
:root {
  /* neutrali (cool) */
  --bg: #eef3f4;
  --surface: #ffffff;
  --surface-2: #f5f8f9;
  --ink: #0d1b22;
  --ink-2: #38505a;
  --muted: #67808a;
  --line: #d8e2e5;
  --line-2: #c3d2d6;

  /* teal accent — NOTE: Components/App.razor SetCustomAccentColor("#0d8a96") hardcodes this same hex (C# can't read CSS vars); keep in sync if changed */
  --accent: #0d8a96;
  --accent-deep: #0a6a74;
  --accent-ink: #073f46;
  --accent-soft: #dceff0;
  --accent-soft-2: #e9f4f4;

  /* tamne sekcije */
  --dark: #0c1a21;
  --dark-2: #102530;
  --dark-line: rgba(255, 255, 255, .12);
  --dark-soft: rgba(255, 255, 255, .62);

  /* prostor / oblik */
  --maxw: 1200px;
  --pad: clamp(20px, 5vw, 64px);
  --radius: 18px;

  /* tipografija */
  --font-display: "Bricolage Grotesque", "Hanken Grotesk", system-ui, sans-serif;
  --font-body: "Hanken Grotesk", system-ui, -apple-system, sans-serif;
  --font-mono: "Space Mono", ui-monospace, monospace;
}