// ────────────────────────────────────────────────────────────────
// Tokens · Theme-Emission
//
// Dunkel ist Standard. Hell greift bei Systempraeferenz, sofern nicht
// ausdruecklich `[data-theme="dark"]` gesetzt ist, und immer bei
// `[data-theme="light"]`. `[data-theme="dark"]` frischt die dunklen
// Werte ausdruecklich auf (fuer helle Systeme mit erzwungenem Dunkel).
// ────────────────────────────────────────────────────────────────
@use "colors" as c;
@use "type" as t;
@use "dimensions" as d;

:root {
  color-scheme: dark;
  @include t.type-tokens;
  @include d.dimension-tokens;
  @include c.color-tokens(c.$colors-dark);
}

@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    color-scheme: light;
    @include c.color-tokens(c.$colors-light);
  }
}

:root[data-theme="light"] {
  color-scheme: light;
  @include c.color-tokens(c.$colors-light);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  @include c.color-tokens(c.$colors-dark);
}