/* Hallmark · tokens · theme: custom (brand-locked)
 * The brand palette is the existing Tellog palette, expressed in OKLCH.
 * Values are exact conversions of the original hex colours; do not retune.
 */
:root {
  /* No warning colours (orange / red / yellow). Navy base, blue for action,
     teal for "working / connected". Revised 2026-09-22. */

  /* surfaces — light (cool, tinted toward the navy) */
  --color-paper:       oklch(97.2% 0.005 250);  /* #F3F6F9 */
  --color-paper-2:     oklch(94.2% 0.011 250);  /* #E6EDF3 */
  --color-rule:        oklch(87% 0.016 255);    /* #CDD5DF */

  /* surfaces — dark (brand navy, unchanged) */
  --color-ink:         oklch(17.6% 0.035 267);  /* #0A1020 */
  --color-ink-2:       oklch(22.0% 0.042 265);  /* #111A2E */
  --color-ink-3:       oklch(27.2% 0.051 266);  /* #1B2640 */
  --color-rule-dark:   oklch(32.0% 0.051 265);  /* #26324D */
  --color-rule-dark-2: oklch(40.8% 0.070 269);  /* #3A4870 */

  /* text */
  --color-text:        oklch(24.9% 0.052 267);  /* #16203A */
  --color-muted:       oklch(50.3% 0.034 266);  /* #5B6478 */
  --color-on-dark:     oklch(94.3% 0.013 267);  /* #E8ECF5 */
  --color-on-dark-2:   oklch(81.1% 0.031 267);  /* #B8C1D6 */
  --color-muted-dark:  oklch(71.9% 0.038 268);  /* #9AA4BD */

  /* action — blue (buttons, links) */
  --color-accent:       oklch(47% 0.15 258);    /* #1A57AD  6.4:1 on paper */
  --color-accent-hover: oklch(40% 0.14 258);    /* #084491 */
  --color-accent-ink:   oklch(98.5% 0.004 250); /* #F8FAFD  6.7:1 on accent */
  --color-accent-soft:  oklch(92% 0.03 255);    /* #D8E6F9  button edge on navy, tints */

  /* signal — teal from the logo's waveform */
  --color-signal:       oklch(78.2% 0.136 177); /* #2FD4B6  10:1 on navy */
  --color-signal-deep:  oklch(50% 0.09 185);    /* #00736A  5.3:1 on paper */

  --color-focus:        var(--color-accent);

  /* desk & ledger (2026-10-07) — grid paper, a white slip, the key-step under buttons */
  --color-grid:         oklch(87% 0.016 255 / 0.55);  /* 方眼の線 */
  --color-sheet:        oklch(99.4% 0.002 250);       /* 伝票・台紙の白 */
  --color-accent-step:  oklch(33% 0.12 258);          /* ボタンの下の段 */
  --color-band:         var(--color-ink);             /* 節の見出しの帯 */
  --color-shadow:       oklch(17.6% 0.035 267 / 0.22); /* 机に置いた紙の影 */

  /* type — 2 families. Readers are 50–70; nothing below 15px, body 18px */
  --font-display: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;
  --font-body:    "BIZ UDPGothic", "Hiragino Sans", "Yu Gothic UI", "Meiryo", sans-serif;

  --text-xs:   0.9375rem;  /* 15px — notes only */
  --text-sm:   1rem;       /* 16px */
  --text-base: 1.125rem;   /* 18px — body */
  --text-md:   1.3125rem;  /* 21px */
  --text-lg:   1.625rem;   /* 26px */
  --text-xl:   2rem;       /* 32px */
  --text-h1:   clamp(1.75rem, 3.2vw + 1rem, 3.5rem);
  --text-h2:   clamp(1.625rem, 1.6vw + 1.1rem, 2.375rem);

  /* space — 4pt */
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  0.75rem;
  --space-md:  1rem;
  --space-lg:  1.5rem;
  --space-xl:  2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;
  --space-4xl: 9rem;
  --gutter: clamp(1rem, 4vw, 3rem);
  --grid-size: 24px;
  --measure: 36em;

  /* shape */
  --radius-ctl: 4px;
  --radius-img: 6px;
  --rule-w: 1px;

  /* motion */
  --ease-out:    cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in:     cubic-bezier(0.7, 0, 0.84, 0);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-micro: 120ms;
  --dur-short: 220ms;
  --dur-long:  420ms;

  /* layers */
  --z-raised: 10;
  --z-sticky: 200;
}