/* Design-Tokens: Farben, Abstände, Schrift. Kolumbien als Leitmotiv. */
:root {
  /* Flagge */
  --amarillo: #FCD116;
  --azul: #003893;
  --rojo: #CE1126;

  /* Flächen und Text (hell) */
  --bg: #FBF5E6;          /* Creme / Sand */
  --surface: #FFFDF8;
  --surface-2: #F4EAD2;
  --ink: #17233F;         /* dunkles Blau statt Schwarz */
  --muted: #5A6377;
  --line: #E3D7B8;
  --link: #003893;
  --accent: #FCD116;
  --accent-ink: #17233F;  /* Text auf Gelb */

  /* Rückmeldung */
  --ok: #1F6B3A;
  --ok-bg: #E3F2E1;
  --bad: #B00E22;
  --bad-bg: #FBE4E4;
  --hint-bg: #FFF4C2;

  /* Regionen */
  --andes: #2B5C8A;       /* Grammatik */
  --caribe: #0E7C86;      /* Vokabeln */
  --cafe: #4E6B2F;        /* Im Hort (Kaffeeregion) */
  --cafe-bohne: #6B4226;
  --cartagena: #C2410C;   /* Foto & Medien */

  /* Genus */
  --der: #0B4FB3;
  --die: #C01E3A;
  --das: #1F7A45;

  --radius: 16px;
  --radius-s: 10px;
  --shadow: 0 1px 2px rgba(23, 35, 63, .06), 0 6px 18px rgba(23, 35, 63, .06);
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --tap: 48px;
}

/* Dunkel: automatisch nach System, außer „hell“ ist erzwungen */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #111827;
    --surface: #1A2338;
    --surface-2: #232E48;
    --ink: #F3EBD6;
    --muted: #A9B2C6;
    --line: #34405E;
    --link: #9DBBFF;
    --ok: #86D39A;
    --ok-bg: #173323;
    --bad: #FF8D99;
    --bad-bg: #3B1820;
    --hint-bg: #3A3312;
    --andes: #7FB0DD;
    --caribe: #58C6CF;
    --cafe: #A6C77B;
    --cafe-bohne: #B98A63;
    --cartagena: #F59E6B;
    --der: #8FB5FF;
    --die: #FF8FA3;
    --das: #7FD49C;
    --shadow: 0 1px 2px rgba(0, 0, 0, .3);
  }
}
:root[data-theme="dark"] {
  --bg: #111827;
  --surface: #1A2338;
  --surface-2: #232E48;
  --ink: #F3EBD6;
  --muted: #A9B2C6;
  --line: #34405E;
  --link: #9DBBFF;
  --ok: #86D39A;
  --ok-bg: #173323;
  --bad: #FF8D99;
  --bad-bg: #3B1820;
  --hint-bg: #3A3312;
  --andes: #7FB0DD;
  --caribe: #58C6CF;
  --cafe: #A6C77B;
  --cafe-bohne: #B98A63;
  --cartagena: #F59E6B;
  --der: #8FB5FF;
  --die: #FF8FA3;
  --das: #7FD49C;
  --shadow: 0 1px 2px rgba(0, 0, 0, .3);
}