/*
  LD6 palette library. Direct semantic anchors keep every slot editable in Palette
  Lab. The mirror-only source tokens let the system preference switch before first
  paint without repeating a colour literal inside the media query.
*/

:root {
  --dyb-ground: #f3efe4;
  --dyb-ink: #15213d;
  --dyb-accent: #e24729;
  --dyb-support: #aebcc8;
  --dyb-plane: #d7d0c2;
  --dyb-positive: #8bd7a8;
  --dyb-negative: #ff9a8f;

  --dyb-mirror-a: #111826;
  --dyb-mirror-b: #f3ecde;
  --dyb-mirror-c: #ff6b47;
  --dyb-mirror-d: #52627a;
  --dyb-mirror-e: #26344a;
  --dyb-mirror-f: #1e6b4a;
  --dyb-mirror-g: #a4312b;

  --dyb-muted-ink: color-mix(in srgb, var(--dyb-ink) 70%, var(--dyb-ground));
  --dyb-faint-ink: color-mix(in srgb, var(--dyb-ink) 20%, var(--dyb-ground));
  --dyb-soft-support: color-mix(in srgb, var(--dyb-support) 72%, var(--dyb-ground));
  --dyb-focus: color-mix(in srgb, var(--dyb-accent) 60%, var(--dyb-ink));
  --dyb-dialog-ground: var(--dyb-ink);
  --dyb-dialog-ink: var(--dyb-ground);
  --dyb-dialog-muted: color-mix(in srgb, var(--dyb-ground) 68%, var(--dyb-ink));
  --dyb-dialog-plane: color-mix(in srgb, var(--dyb-support) 34%, var(--dyb-ink));
  --dyb-selection-ground: var(--dyb-ink);
  --dyb-selection-ink: var(--dyb-ground);
}

:root[data-palette="light"] {
  /* The design itself: the plain :root block applies. */
}

:root[data-palette="light-1"] {
  --dyb-ground: #f7f2e8;
  --dyb-ink: #35213e;
  --dyb-accent: #d6542d;
  --dyb-support: #c6b8ca;
  --dyb-plane: #e4d5c7;
  --dyb-positive: #9ad8ae;
  --dyb-negative: #ffaaa0;
}

:root[data-palette="light-2"] {
  --dyb-ground: #eaf0e9;
  --dyb-ink: #15352f;
  --dyb-accent: #c86414;
  --dyb-support: #a7bdb8;
  --dyb-plane: #cdd8ce;
  --dyb-positive: #a5d8b4;
  --dyb-negative: #ffad93;
}

:root[data-palette="dark"] {
  --dyb-ground: #111826;
  --dyb-ink: #f3ecde;
  --dyb-accent: #ff6b47;
  --dyb-support: #52627a;
  --dyb-plane: #26344a;
  --dyb-positive: #1e6b4a;
  --dyb-negative: #a4312b;
}

:root[data-palette="dark-1"] {
  --dyb-ground: #221724;
  --dyb-ink: #f8eee2;
  --dyb-accent: #ffc04a;
  --dyb-support: #6d526e;
  --dyb-plane: #3b2940;
  --dyb-positive: #24724c;
  --dyb-negative: #a33435;
}

:root[data-palette="dark-2"] {
  --dyb-ground: #0d2523;
  --dyb-ink: #f3e8d5;
  --dyb-accent: #ff7757;
  --dyb-support: #486e69;
  --dyb-plane: #183f3a;
  --dyb-positive: #176947;
  --dyb-negative: #a33b2a;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-palette]) {
    --dyb-ground: var(--dyb-mirror-a);
    --dyb-ink: var(--dyb-mirror-b);
    --dyb-accent: var(--dyb-mirror-c);
    --dyb-support: var(--dyb-mirror-d);
    --dyb-plane: var(--dyb-mirror-e);
    --dyb-positive: var(--dyb-mirror-f);
    --dyb-negative: var(--dyb-mirror-g);
  }
}