/* ===== LogisticsBook design tokens (khoá cứng - xem .claude/rules/03-brand-design.md) ===== */
:root {
  /* Màu - vai trò semantic */
  --color-surface-base: #F6F1E9;
  --color-surface-elevated: #FFFFFF;
  --color-surface-alt: #ECE3D2;
  --color-ink: #1E2A38;
  --color-ink-soft: #59544C;
  --color-action: #B8472E;
  --color-action-hover: #97391F;
  --color-accent: #C98A3C;
  --color-line: #DCD2BF;
  --color-success: #2E7D32;
  --color-error: #C62828;

  /* Typography */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body: "Be Vietnam Pro", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* Spacing 8pt */
  --space-1: 8px;  --space-2: 16px; --space-3: 24px; --space-4: 32px;
  --space-5: 48px; --space-6: 64px; --space-7: 96px; --space-8: 128px;

  --container: 1240px;
  --radius-card: 4px;
  --radius-btn: 0px;

  --shadow-low:  0 1px 2px rgba(30,42,56,.06);
  --shadow-mid:  0 6px 18px rgba(30,42,56,.08);
  --shadow-high: 0 14px 36px rgba(30,42,56,.12);

  --ease: cubic-bezier(0.215,0.61,0.355,1);
  --t-color: color .2s ease-out;
  --t-move: transform .25s var(--ease), box-shadow .25s var(--ease), padding .2s ease-out;
}