/* Tokens the app needs that the brand kit does not have yet (16 October 2026).

   Only colour for things that must be told apart by colour as well as by a
   word: the family web's four kinds of relative, the family tree's sire and
   dam sides. pk-tokens.css has one accent and two status colours; a chart of
   four kinds needs four. Each was checked at 3:1 or better against
   --pk-surface and --pk-bg in its theme (the rule for shapes and lines).
   Candidates for the design system to adopt; until then they live here, the
   only other file allowed a colour value.

   Same three blocks as pk-tokens.css: light, Match my device in the dark,
   and an explicit dark choice. */
:root,
:root[data-theme="light"] {
  --pk-data-1: #A87514;   /* gold - the animal itself */
  --pk-data-2: #3B6A9E;   /* slate blue - ancestors, sires */
  --pk-data-3: #2E7247;   /* meadow - descendants */
  --pk-data-4: #B0532E;   /* barn red - sideways, dams */
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pk-data-1: #E0B04E;
    --pk-data-2: #7FA7D6;
    --pk-data-3: #6FBF8A;
    --pk-data-4: #E3896B;
  }
}
:root[data-theme="dark"] {
  --pk-data-1: #E0B04E;
  --pk-data-2: #7FA7D6;
  --pk-data-3: #6FBF8A;
  --pk-data-4: #E3896B;
}

/* Paper (20 October 2026): a printed page is always light, whatever the
   screen was set to - dark ink on white paper. The light theme's own values. */
@media print {
  :root,
  :root[data-theme="light"],
  :root[data-theme="dark"],
  :root:not([data-theme="light"]) {
    --pk-bg: #FFFFFF;
    --pk-surface: #FFFFFF;
    --pk-border: #DCD8CC;
    --pk-border-strong: #8C877A;
    --pk-text: #26372B;
    --pk-text-muted: #5F695A;
    --pk-primary: #2F5A3E;
    --pk-accent: #D6A23E;
    --pk-accent-soft: #F6EBD3;
    --pk-shadow: none;
  }
}