/* Hallmark · genre: editorial-heritage · theme: custom (vibe: "trang nghiêm, từ đường, hoành phi" · paper ngà oklch(97.2% 0.012 80) · ink nâu gỗ lim · accent đỏ son oklch(46% 0.15 28) · đồng oklch(72% 0.11 80) · Noto Serif + Be Vietnam Pro)
 * axes: light / serif-display / warm
 */
:root {
  --color-paper:       oklch(97.2% 0.012 80);
  --color-paper-2:     oklch(94.8% 0.016 78);
  --color-paper-3:     oklch(91.5% 0.02 76);
  --color-surface:     oklch(99.2% 0.006 85);
  --color-rule:        oklch(88.5% 0.02 72);
  --color-rule-2:      oklch(80% 0.032 68);
  --color-ink:         oklch(26% 0.035 45);
  --color-ink-2:       oklch(41% 0.035 45);
  --color-ink-3:       oklch(53% 0.03 52);
  --color-accent:      oklch(46% 0.15 28);
  --color-accent-2:    oklch(40% 0.14 27);
  --color-accent-soft: oklch(94.6% 0.028 32);
  --color-accent-ink:  oklch(98.5% 0.01 85);
  --color-focus:       oklch(58% 0.14 60);
  --color-nam:         oklch(46% 0.07 245);
  --color-nam-soft:    oklch(94.5% 0.018 245);
  --color-nu:          oklch(50% 0.12 18);
  --color-nu-soft:     oklch(95% 0.022 18);
  --color-danger:      oklch(54% 0.19 27);
  --color-danger-soft: oklch(96% 0.025 27);
  --color-ok:          oklch(52% 0.12 155);
  --color-ok-soft:     oklch(95.5% 0.035 155);
  --color-graphite:    oklch(24% 0.032 45);
  --color-scrim:       oklch(18% 0.03 45 / 0.45);
  --color-band:        oklch(96% 0.014 78);

  /* màu theo đời — 6 màu trầm xoay vòng: son, đồng, lục, chàm, tím than, nâu; chữ trắng trên nền đậm đều đạt tương phản */
  --gen-1: oklch(46% 0.14 28);   --gen-1-soft: oklch(95% 0.025 30);   /* son */
  --gen-2: oklch(53% 0.11 62);   --gen-2-soft: oklch(95.5% 0.03 72);  /* đồng */
  --gen-3: oklch(45% 0.08 152);  --gen-3-soft: oklch(95% 0.022 150);  /* lục trầm */
  --gen-4: oklch(43% 0.075 240); --gen-4-soft: oklch(95% 0.018 240);  /* chàm */
  --gen-5: oklch(42% 0.07 305);  --gen-5-soft: oklch(95% 0.018 305);  /* tím than */
  --gen-6: oklch(41% 0.06 48);   --gen-6-soft: oklch(95% 0.02 55);    /* nâu */
  --color-gold: oklch(72% 0.11 80); --color-gold-soft: oklch(95% 0.04 85); --color-gold-ink: oklch(44% 0.09 65); --color-gold-deep: oklch(60% 0.11 70);
  /* gỗ lim: nền header, chữ ngà trên gỗ */
  --color-wood: oklch(27% 0.04 42); --color-wood-2: oklch(33% 0.045 44); --color-wood-ink: oklch(94% 0.025 85); --color-wood-ink-2: oklch(80% 0.035 80);

  --font-display: 'Noto Serif', Georgia, 'Times New Roman', serif;
  --font-body:    'Be Vietnam Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-ui:      'Be Vietnam Pro', system-ui, sans-serif;
  --hdr: 58px; /* chiều cao header đầy đủ (gọn) */

  --space-3xs: 0.25rem; --space-2xs: 0.5rem; --space-xs: 0.75rem;
  --space-sm: 1rem;     --space-md: 1.5rem;  --space-lg: 2rem;
  --space-xl: 3rem;     --space-2xl: 4.5rem;

  --text-xs: 0.75rem;  --text-sm: 0.875rem; --text-base: 1.0625rem;
  --text-md: 1.0625rem; --text-lg: 1.25rem; --text-xl: 1.625rem;
  --text-2xl: clamp(1.75rem, 2.4vw + 0.9rem, 2.5rem);

  --radius-sm: 6px; --radius-md: 10px; --radius-lg: 14px; --radius-pill: 999px;
  --shadow-sm: 0 1px 2px oklch(26% 0.035 45 / 0.08);
  --shadow-md: 0 1px 2px oklch(26% 0.035 45 / 0.06), 0 6px 20px oklch(26% 0.035 45 / 0.09);
  --shadow-lg: 0 2px 6px oklch(26% 0.035 45 / 0.08), 0 18px 48px oklch(26% 0.035 45 / 0.16);

  --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-fast: 140ms; --dur-short: 220ms; --dur-mid: 360ms;
}