/*
 * prosdevlab design tokens.
 * Warm paper and ink. Brass is the only colour, and it means one thing: proven.
 * Paper is the default. Ink follows the system's dark setting unless the page sets data-theme="light",
 * and always applies under data-theme="dark", so a site can follow the system or offer a switch.
 */
:root {
  --pdl-bg: #f7f5f0;
  --pdl-text: #0d0c0b;          /* 17.9:1 on paper */
  --pdl-body: #45413a;          /* 9.3:1 */
  --pdl-muted: #625d55;         /* 6.0:1 */
  --pdl-panel: #fffdf8;         /* a Live check sheet */
  --pdl-band: #efece4;          /* an alternate section */
  --pdl-rule: #d9d3c7;          /* decorative rules only */
  --pdl-rule-strong: #c4bcad;   /* sheet borders, the divider and its mark */
  --pdl-brass: #a67a26;         /* the mark only: 3.55:1, a graphic, never text */
  --pdl-brass-text: #7a5a12;    /* proven values in text: 5.8:1 */

  --pdl-font-display: "Fraunces", ui-serif, Georgia, serif;
  --pdl-font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;
  --pdl-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
  --pdl-font-khmer: "Noto Serif Khmer", serif;

  --pdl-radius-sheet: 3px;
  --pdl-radius-control: 4px;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --pdl-bg: #0d0c0b;
    --pdl-text: #ece7dc;
    --pdl-body: #b8b2a6;        /* 9.3:1 on ink */
    --pdl-muted: #a39d92;       /* 7.3:1 */
    --pdl-panel: #14120f;
    --pdl-band: #12110f;
    --pdl-rule: #2e2a25;
    --pdl-rule-strong: #3d3832;
    --pdl-brass: #c9973f;       /* 7.4:1 */
    --pdl-brass-text: #d4a64f;  /* 8.7:1 */
  }
}

[data-theme="dark"] {
  --pdl-bg: #0d0c0b;
  --pdl-text: #ece7dc;
  --pdl-body: #b8b2a6;
  --pdl-muted: #a39d92;
  --pdl-panel: #14120f;
  --pdl-band: #12110f;
  --pdl-rule: #2e2a25;
  --pdl-rule-strong: #3d3832;
  --pdl-brass: #c9973f;
  --pdl-brass-text: #d4a64f;
}