/*
  Farby a základné hodnoty značky semeIO.
  Svetlá téma je predvolená; tmavá sa zapne podľa systému alebo prepínačom (data-theme na <html>).

  Tmavý režim – pravidlá, aby web nepripomínal istú stránku pre dospelých:
  – žiadny text v plnom jantárovom obdĺžniku,
  – pozadie teplé tmavé, nie čisto čierne,
  – pri logu iba obrysové tlačidlo, jantárová je len akcent.
*/
:root {
  --font: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", Consolas, monospace;

  --amber: #F0920F;          /* Jantár – farba značky (svetlo smerovky) */
  --ink-brand: #1C1A18;      /* Atrament */

  --bg: #FFFFFF;
  --bg-alt: #F6F4F1;         /* Hmla */
  --surface: #FFFFFF;
  --ink: #1C1A18;
  --muted: #57514A;
  --line: #E7E3DE;
  --accent-text: #A85A00;    /* Jantár na text – dosť kontrastný aj na bielom */
  --code-bg: #F6F4F1;
  --input-bg: #FFFFFF;

  --cta-bg: var(--amber);
  --cta-fg: var(--ink-brand);
  --header-cta-bg: var(--amber);
  --header-cta-fg: var(--ink-brand);
  --header-cta-border: var(--amber);
  --banner-bg: var(--amber);
  --banner-fg: var(--ink-brand);
  --banner-title: var(--ink-brand);
  --banner-border: var(--amber);
  --banner-btn-bg: var(--ink-brand);
  --banner-btn-fg: #FFFFFF;

  --radius-sm: 10px;
  --radius: 16px;
  --radius-lg: 20px;
  --container: 1160px;
  --gutter: 24px;
}

/* Tmavá téma: rovnaké hodnoty pre „podľa systému“ aj pre ručné prepnutie. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #1F1C19; --bg-alt: #282420; --surface: #2B2723;
    --ink: #F4F1EC; --muted: #B9B1A7; --line: #3D3832;
    --accent-text: #F5A742; --code-bg: #1F1C19; --input-bg: #1F1C19;
    --cta-bg: #F4F1EC; --cta-fg: #1F1C19;
    --header-cta-bg: transparent; --header-cta-fg: #F5A742; --header-cta-border: #F5A742;
    --banner-bg: #282420; --banner-fg: #F4F1EC; --banner-title: #F5A742; --banner-border: var(--amber);
    --banner-btn-bg: #F4F1EC; --banner-btn-fg: #1F1C19;
  }
}

:root[data-theme="dark"] {
  --bg: #1F1C19; --bg-alt: #282420; --surface: #2B2723;
  --ink: #F4F1EC; --muted: #B9B1A7; --line: #3D3832;
  --accent-text: #F5A742; --code-bg: #1F1C19; --input-bg: #1F1C19;
  --cta-bg: #F4F1EC; --cta-fg: #1F1C19;
  --header-cta-bg: transparent; --header-cta-fg: #F5A742; --header-cta-border: #F5A742;
  --banner-bg: #282420; --banner-fg: #F4F1EC; --banner-title: #F5A742; --banner-border: var(--amber);
  --banner-btn-bg: #F4F1EC; --banner-btn-fg: #1F1C19;
}