/* Token thương hiệu GreenU dùng chung cho các trang HTML tĩnh trong public/.
   Nguồn: docs/brand-visual-identity.md — Forest #45A247 + Ocean #283C86 (Meridian).
   Green = nhận diện chính; Ocean = anchor tin cậy; leaf-deep AA-safe cho chữ nhỏ.
   Đổi tông/rebrand cho các trang tĩnh: sửa đúng file này.
   Bản cho app Next/Payload là các biến --gu-* trong apps/web/src/app/(frontend)/globals.css. */
:root {
  --leaf: #283c86;
  --leaf-2: #4763b8;
  --leaf-deep: #223a7e;
  --leaf-dark: #12224e;
  --leaf-soft: #e6eaf7;
  --lime: #86c765;
  --honey: #e5b23c;
  --honey-deep: #b5821b;
  --honey-soft: #f6ecd0;
  --forest: #45a247;
  --forest-deep: #2a6b2c;
  --forest-soft: #dcebd2;
  --ocean: #283c86;
  --ocean-deep: #1b2a5e;
  --ocean-soft: #e7eaf5;
  --ocean-mid: #4763b8;
  --ocean-50: #f4f6fc;
  --ocean-100: #e6eaf7;
  --ocean-200: #c9d4ee;
  --gradient-meridian: linear-gradient(120deg, #283c86 0%, #45a247 100%);
  --ink: #14202e;
  --body: #40485a;
  --muted: #5c657a;
  --line: #e2e6ef;
  --white: #fff;
  --cream: #f5f3ea;
  --maxw: 1200px;
  --gutter: 30px;
  --head: "Montserrat", system-ui, sans-serif;
  --sans: "Montserrat", system-ui, sans-serif;
  --display: "Montserrat", system-ui, sans-serif;
  --ease: cubic-bezier(0.19, 1, 0.22, 1);
  --shadow: 0 30px 60px -34px rgba(31, 74, 20, 0.45);
}