/* ==========================================================================
   Tokens — two prints of the same set.
   Vellum: warm drafting paper, graphite ink, ultramarine + coral.
   Cyanotype: blueprint paper, white linework, coral pencil.
   Every colour in the other stylesheets comes from here.
   ========================================================================== */

:root {
  color-scheme: light;
  --paper: #f1eee7;
  --paper-deep: #e7e3da;
  --paper-light: #f8f6f0;
  --ink: #1d211e;
  --ink-soft: #4f544f;
  --muted: #5c5e58;             /* 4.5:1+ on paper, paper-deep and card grey */
  --line: #c9c8c0;
  --line-strong: #a6a7a0;
  --card-border: #d7d5ce;
  --accent: #2b50df;            /* headline italics, active states */
  --block: #2b50df;             /* filled blue surfaces */
  --block-ink: #f8f6f0;
  --block-muted: #d8defb;
  --coral: #e5785d;
  --coral-ink: #a93c1d;
  --ink-unlit: #83837e;         /* pencil before ink: 3.3:1 on paper */         /* coral for small text: 5.4:1 on paper */
  --coral-soft: #f7afa0;
  --night: #161917;             /* dark bands */
  --night-raise: #1f2420;
  --night-ink: #f8f6f0;
  --night-muted: #a7aba5;
  --nonphoto: #86c0d6;          /* construction grid, crosshair — never body text */
  --red: #cf2c1b;               /* the checker's pencil */
  --lamp: #2f9e62;
  --focus: #b8401c;             /* 4.5:1 on vellum paper */
  --grain: .09;
  --shadow: rgba(29, 33, 30, .35);
  --lens-software-bg: #eb9b80;  /* the practice stage's coral mode, both prints */
  --lens-software-ink: #262320;
  --lens-software-accent: #1c3cb5;

  --sans: "DM Sans", "Helvetica Neue", Arial, sans-serif;
  --serif: "Instrument Serif", Georgia, "Times New Roman", serif;
  --mono: "Martian Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --hand: "Nanum Pen Script", "Segoe Print", "Comic Sans MS", cursive;

  --ease-out: cubic-bezier(.2, .7, .2, 1);
  --ease-in-out: cubic-bezier(.7, 0, .3, 1);
  --gutter: clamp(22px, 4.45vw, 78px);
  --mat: 12px;
}

:root[data-print="cyanotype"] {
  color-scheme: dark;
  --paper: #173a7a;
  --paper-deep: #14336c;
  --paper-light: #1c4289;
  --ink: #eef3f9;
  --ink-soft: #c9d6ec;
  --muted: #9fb3d6;
  --line: rgba(238, 243, 249, .26);
  --line-strong: rgba(238, 243, 249, .45);
  --card-border: rgba(238, 243, 249, .28);
  --accent: #ffc4b1;
  --block: #0e2757;
  --block-ink: #eef3f9;
  --block-muted: #b8c8e8;
  --coral: #ff9a78;
  --coral-ink: #ff9a78;
  --ink-unlit: #7a8fb4;
  --coral-soft: #ffc4b1;
  --night: #0e2757;
  --night-raise: #133067;
  --night-ink: #eef3f9;
  --night-muted: #9fb3d6;
  --nonphoto: #7fa6e6;
  --red: #ff9a78;
  --lamp: #7df0b0;
  --focus: #ff9a78;
  --grain: .14;
  --shadow: rgba(4, 12, 32, .6);
}
