/* Tema Azur: svijetla, plavo-bijela i mirna. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");

:root[data-tema="azur"] {
  /* Pico na širokom ekranu sam uvećava slova do 131 %; ovdje ostaju iste veličine. */
  --pico-font-size: 100%;
  --pico-font-family: Inter, system-ui, "Segoe UI", Roboto, sans-serif;
  --pico-border-radius: 0.5rem;

  --pico-background-color: #F6F7F9;
  --pico-color: #1B2430;
  --pico-h1-color: #1B2430;
  --pico-h2-color: #1B2430;
  --pico-h3-color: #1B2430;
  --pico-muted-color: #5B6675;
  --pico-muted-border-color: #E3E7EC;

  --pico-primary: #1F5EDB;
  --pico-primary-background: #1F5EDB;
  --pico-primary-border: #1F5EDB;
  --pico-primary-underline: rgba(31, 94, 219, 0.5);
  --pico-primary-hover: #1747A6;
  --pico-primary-hover-background: #1747A6;
  --pico-primary-hover-border: #1747A6;
  --pico-primary-hover-underline: #1747A6;
  --pico-primary-focus: rgba(31, 94, 219, 0.3);
  --pico-primary-inverse: #FFFFFF;

  --pico-secondary: #3A4553;
  --pico-secondary-background: #3A4553;
  --pico-secondary-border: #3A4553;
  --pico-secondary-hover: #1B2430;
  --pico-secondary-hover-background: #1B2430;
  --pico-secondary-hover-border: #1B2430;
  --pico-secondary-inverse: #FFFFFF;

  --pico-card-background-color: #FFFFFF;
  --pico-card-sectioning-background-color: #F8FAFB;
  --pico-card-box-shadow: none;
  --pico-table-border-color: #EEF1F4;
  --pico-form-element-background-color: #FFFFFF;
  --pico-form-element-border-color: #D3D9E0;
  --pico-mark-background-color: #FEF3E2;
  --pico-mark-color: #8A4B08;

  --traka-pozadina: #FFFFFF;
  --traka-tekst: #1B2430;
  --meni-tekst: #3A4553;
  --meni-hover: #F1F4F8;
  --meni-aktivna-pozadina: #E8EFFD;
  --meni-aktivna-tekst: #1F5EDB;
  --donja-traka-pozadina: #FFFFFF;
  --donja-traka-tekst: #5B6675;
  --donja-traka-aktivna: #1F5EDB;
  --oznaka-pozadina: #E8EFFD;
  --oznaka-tekst: #1747A6;
  --paznja-pozadina: #FFFFFF;
  --paznja-okvir: #E3E7EC;
  --paznja-broj: #1F5EDB;
}