/* Tokeny z handoffu (docs/design_handoff_ddp_zaplecze/prototype/ddp-theme.css): kolory marki DDP, jasny i ciemny
   motyw. Zmiana koloru tylko tutaj. Archivo (OFL) hostowany lokalnie, bo CSP nie wpuszcza Google Fonts (ADR 0010). */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/archivo-latin-ext.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329,
    U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("../fonts/archivo-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  color-scheme: light;
  --d-bg: #F6F6F6; --d-surface: #FFFFFF; --d-sunken: #EFEEEA; --d-ink: #1D1D1B; --d-muted: #5E5C57; --d-faint: #8C8A83;
  --d-rule: #1D1D1B; --d-line: #E2E0DA; --d-yellow: #FFCD1C; --d-yellow-hover: #F2BE00; --d-yellow-soft: #FFF4CC;
  --d-on-yellow: #1D1D1B;
  --d-navy: #1A456B; --d-link: #1A456B; --d-side-bg: #182B51; --d-side-ink: #FFFFFF; --d-side-muted: #AEB9CD;
  --d-side-hover: #213A68; --d-side-rule: rgba(255, 255, 255, .16);
  --d-ok-fg: #1E6B45; --d-ok-bg: #E1F1E7; --d-warn-fg: #7A5300; --d-warn-bg: #FFF1C7; --d-err-fg: #A3241B; --d-err-bg: #FBE3E0;
  --d-info-fg: #1A456B; --d-info-bg: #E2ECF5; --d-neu-fg: #55534E; --d-neu-bg: #ECEBE6;
  --d-shadow: 0 14px 36px rgba(24, 43, 81, .18);
  --d-scrim: rgba(15, 20, 27, .45);
}

/* Ciemny: atrybut ustawia przełącznik (app.js), a bez wyboru obowiązuje preferencja systemu. */
:root[data-theme="dark"] {
  color-scheme: dark;
  --d-bg: #0F141B; --d-surface: #161D27; --d-sunken: #1D2632; --d-ink: #E9EBEE; --d-muted: #A3ACB8; --d-faint: #7A8492;
  --d-rule: #55627A; --d-line: #29323F; --d-yellow-soft: #3A3113; --d-navy: #8DB9E4; --d-link: #8DB9E4;
  --d-side-bg: #0A0F16; --d-side-hover: #152033; --d-side-muted: #8E9AAE;
  --d-ok-fg: #7FD3A4; --d-ok-bg: #163326; --d-warn-fg: #FFD866; --d-warn-bg: #3A3113; --d-err-fg: #FF9B90; --d-err-bg: #3D1A17;
  --d-info-fg: #9CC3EA; --d-info-bg: #16283B; --d-neu-fg: #B8BEC7; --d-neu-bg: #232C38; --d-shadow: 0 14px 36px rgba(0, 0, 0, .5);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --d-bg: #0F141B; --d-surface: #161D27; --d-sunken: #1D2632; --d-ink: #E9EBEE; --d-muted: #A3ACB8; --d-faint: #7A8492;
    --d-rule: #55627A; --d-line: #29323F; --d-yellow-soft: #3A3113; --d-navy: #8DB9E4; --d-link: #8DB9E4;
    --d-side-bg: #0A0F16; --d-side-hover: #152033; --d-side-muted: #8E9AAE;
    --d-ok-fg: #7FD3A4; --d-ok-bg: #163326; --d-warn-fg: #FFD866; --d-warn-bg: #3A3113; --d-err-fg: #FF9B90; --d-err-bg: #3D1A17;
    --d-info-fg: #9CC3EA; --d-info-bg: #16283B; --d-neu-fg: #B8BEC7; --d-neu-bg: #232C38; --d-shadow: 0 14px 36px rgba(0, 0, 0, .5);
  }
}