/*
 * Theme: kertas-nota (the default since 2026-10-21)
 *
 * A theme is only a set of custom properties. app.css reads these tokens and
 * nothing else. See docs/ui-theming.md for the contract.
 *
 * The light theme: warm paper like a workshop service receipt, ink-blue
 * accent. Its color-scheme and theme-color meta come from
 * ApplicationFactory::THEME_CHROME.
 */
[data-theme="kertas-nota"] {
  color-scheme: light;

  /* Surfaces. Light themes run the other way: wells are the brightest. */
  --bg: #f4f2ee;          /* canvas */
  --sunken: #ffffff;      /* input wells, pattern base */
  --surface: #fbfaf8;     /* panels */
  --raised: #efece7;      /* controls, tab bar, sheets */
  --raised-hover: #e6e2dc;

  /* Lines */
  --line: #e2ddd5;
  --line-strong: #cfc8be;

  /* Text */
  --text: #1d1f22;
  --muted: #5e6268;
  --faint: #8a8d92;

  /* Accent (ink blue). 5.2:1 on --bg, labels 5.9:1 on it. Hover is darker. */
  --accent: #1a5fd0;
  --accent-hover: #164fae;
  --accent-soft: rgba(26, 95, 208, 0.12);
  --on-accent: #ffffff;

  /* Status, darkened to read on paper */
  --ok: #1d7f5c;
  --warn: #b85f00;
  --danger: #c8333b;
  --danger-soft: rgba(200, 51, 59, 0.1);

  /* Shape */
  --radius-s: 3px;
  --radius-m: 6px;
  --radius-l: 10px;
  --shadow-sheet: 0 -12px 40px rgba(60, 45, 30, 0.18);

  /* Type */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --weight-body: 400;
  --weight-strong: 600;

  /* Indonesian private plates: white on black, with a dark rim on paper */
  --plate-bg: #0b0b0b;
  --plate-text: #f5f5f5;
  --plate-line: #3a3a3a;

  /* Patterns */
  --checker-a: #f0ede8;
  --checker-b: #ebe8e2;
  --checker-size: 14px;
  --grid-dot: rgba(0, 0, 0, 0.12);
  --grid-size: 16px;
}