/* Design tokens — lấy từ design-notes.md (trang gốc omc.com/omni) */
:root {
  /* Màu thương hiệu */
  --brand: #0089f7;
  --brand-dark: #006edf;
  --brand-darker: #004fc9;
  --accent: #ff672e;

  /* Nền */
  --white: #ffffff;
  --off-white: #fafafa;
  --light: #f3f3f3;
  --light-2: #f2f2f2;

  /* Tối */
  --black: #000000;
  --dark: #1b1b1b;
  --dark-blue: #161922;

  /* Chữ */
  --text: #1b1b1b;
  --text-muted: #626262;
  --text-soft: #929292;
  --border: #dadada;

  /* Gradient (135°) */
  --grad-blue: linear-gradient(135deg, #020381, #2874fc);
  --grad-green-blue: linear-gradient(135deg, #00d084, #0693e3);
  --grad-purple-cyan: linear-gradient(135deg, #330968, #31cdcf);
  --grad-cyan-purple: linear-gradient(135deg, #34e2e4, #4721fb 50%, #ab1dfe);
  --grad-pink: linear-gradient(135deg, #faaca8, #dad0ec);
  --grad-warm: linear-gradient(135deg, #fdd79a, #004a59);

  /* Font (theo trang gốc) */
  --font-main: "Instrument Sans", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-serif: "Cormorant Garamond", Georgia, "Times New Roman", serif;

  /* Cỡ chữ (theo trang gốc) */
  --fs-h2: clamp(30px, 1.52rem + 1.5vw, 46px);
  --fs-h3: 1rem;
  --fs-body: 1rem;
  --fs-small: 0.9rem;

  /* Khoảng cách */
  --container: 1200px;
  --space-section: clamp(48px, 6vw, 90px);
  --radius: 18px;
  --radius-sm: 10px;

  /* Header */
  --header-h: 76px;
}