/* Design tokens — "old-school sticky note" (see SPEC.md §10).
 * Components reference these custom properties, never a raw hex value.
 *
 * Color values below reflect the "papery" palette from the tabtlap.dk
 * logo/mark handover (branch: design/papery-palette) — warmer and more
 * saturated than the original SPEC.md §10 hexes, same 6-token
 * structure and relationships. See SPEC.md's Decisions Log for the
 * exact mapping and contrast re-verification; revert this branch to
 * go back to the original values if it doesn't work out. */

:root {
  /* Color (light mode) */
  --page-bg: #EFE8D8;
  --note-bg: #F2DC63;
  --ink: #241F19;
  --note-shadow: #C9BFA0;
  --pin-accent: #3E5C8A;
  --muted: #8A8478;

  /* --danger flags something needing the owner's attention — currently
   * just a reported/hidden wall message in the inbox (post-Slice-14,
   * direct request: reported messages weren't standing out enough
   * against the existing muted report/hidden notices). Distinct from
   * --pin-accent (action/unread) so the two meanings never look the
   * same at a glance. */
  --danger: #A6432F;

  /* --paper-deep is a slightly deeper/richer paper tone for a
   * secondary panel surface (e.g. a textured section distinct from
   * the base page) — from the handover's "papir til blindtryk"
   * (paper for embossed printing). Not used for text; a background
   * only, same rule as --note-bg. */
  --paper-deep: #E6DCC6;

  /* --page-text is running text directly on --page-bg (headings, nav,
   * list items, empty states — anything NOT on a note surface). In
   * light mode it's identical to --ink; the two diverge in dark mode,
   * where --ink stays dark (correct for ink-on-a-lit-note) but
   * --page-bg goes dark too, so page-level text needs its own value.
   * See SPEC.md Decisions Log, post-Slice-7: --ink-on-page-bg measured
   * at ~1:1 contrast in dark mode before this token existed. */
  --page-text: #241F19;

  /* Type */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;
}

/* Courier Prime and Special Elite, self-hosted (no Google Fonts CDN
 * request at runtime) — fetched once from Google's own open-source
 * font repo (github.com/google/fonts, OFL/Apache licensed; license
 * files kept alongside in web/static/fonts/). Used ONLY by the print
 * templates (web/templates/print.templ) via the scoped
 * --font-print-mono/--font-print-display custom properties defined on
 * .print-page in app.css — this does NOT replace --font-sans/
 * --font-mono site-wide; the "never introduce a new font family" rule
 * still holds everywhere else. See SPEC.md's Decisions Log. */
@font-face {
  font-family: "Courier Prime";
  src: url("/static/fonts/CourierPrime-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Courier Prime";
  src: url("/static/fonts/CourierPrime-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Special Elite";
  src: url("/static/fonts/SpecialElite-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@media (prefers-color-scheme: dark) {
  :root {
    /* Color (dark mode) — same relationships, inverted surface.
     * --page-bg is literally --ink here and --page-text is literally
     * --paper — that's not a coincidence, it's the handover's own
     * explicit dark-mode rule for the paper texture ("brug ink som
     * flade og paper som tekst"), which happens to match this
     * project's existing dark-mode approach exactly. */
    --page-bg: #241F19;
    --note-bg: #D3BF57;
    --ink: #241F19;
    --note-shadow: #16140F;
    --pin-accent: #7FA0D6;
    --muted: #6E6858;
    --danger: #D98D7C;
    --paper-deep: #241F19;
    --page-text: #EFE8D8;
  }
}