/* USOL Vietnam — public site, v1.3
   Identity: USOL orange on midnight navy. Orange is the brand, navy carries trust.
   Brand orange #EE7A01 is taken from the current usol-v.com.vn theme (menu bar, buttons,
   footer); the logo raster measures #E67816, i.e. the same hue.
   White on #EE7A01 is only 2.8:1 (fails WCAG AA), so solid orange surfaces carry NAVY text:
   night on orange 6.2:1 · night on orange-hover 7.1:1 · orange-deep on white 5.3:1 / on bg 4.9:1 / on tint 4.8:1 */
:root {
  --orange: #EE7A01;        /* brand orange (usol-v.com.vn): fills, icons, markers, highlights */
  --orange-btn: #EE7A01;    /* solid buttons/badges, always with --on-orange text */
  --orange-hover: #F58A1F;  /* hover for solid orange (lighter keeps navy text readable) */
  --on-orange: #0E1A2B;     /* text/icons on orange */
  --orange-deep: #A85601;   /* orange as text/links on light backgrounds (AA) */
  --orange-tint: #FFF3E5;
  --night: #0E1A2B;         /* navy: text, dark bands, footer */
  --night-2: #16263D;
  --on-night: #A9B4C6;
  --lilac: #F1F2F5;         /* light section tint */
  --paper: #FFFFFF;
  --bg: #F7F7F8;
  --steel: #5B6474;
  --line: #E4E6EB;
  --ok: #1E7A4C;
  --err: #B3261E;

  --font: "Be Vietnam Pro", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;
  --script: "Yellowtail", "Brush Script MT", cursive;
  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: 1.25rem;
  --step-2: 1.563rem;
  --step-3: 1.953rem;
  --step-4: 2.441rem;
  --step-5: 3.4rem;

  --wrap: 76rem;
  --gutter: clamp(1rem, 4vw, 2rem);
  --r-card: 10px;
  --r-input: 8px;
}