/* Azeret Mono (SIL OFL 1.1, see fonts/AzeretMono-OFL.txt): the nota's printed figures. */
@font-face { font-family: "Azeret Mono"; src: url("/static/fonts/azeret-mono-latin-400-normal.woff2") format("woff2"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Azeret Mono"; src: url("/static/fonts/azeret-mono-latin-500-normal.woff2") format("woff2"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Azeret Mono"; src: url("/static/fonts/azeret-mono-latin-700-normal.woff2") format("woff2"); font-weight: 700; font-display: swap; }

/* CEK COC design tokens — arah "Nota Toko Emas" (lihat .impeccable/surfaces/).
   Warna brand diambil dari logo MOCIL: hitam, emas, merah perisai. */
:root {
  /* Tema gelap: semua layar memakai palet ini (latar terang dianggap silau). */
  color-scheme: dark;

  /* Shell & aksen (dari logo MOCIL) */
  --shell: oklch(0.13 0.01 80);            /* header hitam seperti dasar logo, lebih gelap dari latar */
  --shell-line: oklch(0.74 0.15 75);       /* garis emas cincin logo */
  --on-shell-muted: oklch(0.85 0.01 80);   /* teks sekunder di header hitam */
  --nota-red: oklch(0.50 0.17 32);         /* merah perisai: latar tombol utama (teks putih di atasnya) */
  --nota-red-strong: oklch(0.44 0.16 32);
  --nota-red-text: oklch(0.74 0.15 30);    /* merah untuk teks/garis di atas kertas gelap */
  --nota-red-tint: oklch(0.29 0.06 27);
  --brass: oklch(0.78 0.14 78);            /* emas logo: total harga, status aktif */
  --brass-ink: oklch(0.83 0.12 80);        /* teks emas di atas kertas / kuningan gelap */
  --brass-tint: oklch(0.30 0.05 80);

  /* Kertas & tinta */
  --paper: oklch(0.23 0.012 260);          /* kartu nota */
  --ground: oklch(0.17 0.01 260);          /* latar di luar nota */
  --ink: oklch(0.93 0.01 260);             /* angka & teks utama */
  --ink-muted: oklch(0.74 0.015 260);
  --rule: oklch(0.38 0.015 260);           /* garis rambut / perforasi */
  --on-red: oklch(0.98 0.01 22);

  /* Status */
  --ok: oklch(0.76 0.14 150);
  --warn: oklch(0.80 0.14 70);
  --danger: oklch(0.73 0.17 27);

  /* Tipografi: UI pakai sans sistem (Operate); angka/tag/total pakai Azeret Mono */
  --font-ui: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", sans-serif;
  --font-num: "Azeret Mono", ui-monospace, Consolas, monospace;
  --fs-xs: 0.75rem;  --fs-sm: 0.875rem; --fs-md: 1rem;
  --fs-lg: 1.25rem;  --fs-xl: 1.75rem;  --fs-total: 2.5rem;
  --label-tracking: 0.08em;

  /* Ruang & bentuk */
  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px;
  --radius: 4px;
  --header-h: 56px;
  --perforation: 1px dashed var(--rule);
  --shadow-nota: 0 1px 0 var(--rule), 0 8px 24px oklch(0 0 0 / 0.35);
  --dur: 160ms; --ease: cubic-bezier(.2,.7,.2,1);
}