/* ============================================================
   WebPortfolio — design tokeni (jedna fiksna tamna tema)
   ============================================================ */
:root {
  /* Tipografija */
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --font-display: "Space Grotesk", "Inter", system-ui, sans-serif;
  --font-nav: "Inter", system-ui, sans-serif;

  --default-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --heading-font: "Space Grotesk", "Inter", system-ui, sans-serif;
  --nav-font: "Inter", system-ui, sans-serif;

  /* Most ka template varijablama (main.css ih koristi svuda) */
  --background-color: #05070f;
  --default-color: #e8edf7;
  --heading-color: #ffffff;
  --accent-color: #6c5cff;
  --surface-color: #0b1120;
  --contrast-color: #ffffff;

  --nav-color: #c6cde0;
  --nav-hover-color: #6c5cff;
  --nav-mobile-background-color: #0b1120;
  --nav-dropdown-background-color: #0b1120;
  --nav-dropdown-color: #e8edf7;
  --nav-dropdown-hover-color: #6c5cff;

  /* Sopstveni akcenti */
  --mint: #38e1c6;
  --color-bg: var(--background-color);
  --color-text: var(--default-color);
  --color-heading: var(--heading-color);
  --color-accent: var(--accent-color);
  --color-surface: var(--surface-color);
  --color-contrast: var(--contrast-color);

  /* Layout */
  --layout-max: 1140px;
  --radius-card: 18px;
}