/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4 */
:root {
  --cl-main: #ed1a36;
  --cl-main-ink: #ffffff;
  --cl-s1: #ff8c00;
  --cl-s2: #f59328;
  --cl-hero: var(--cl-main);
  --cl-dark: var(--cl-main);
  --cl-header-solid: rgba(255, 255, 255, .8);
  --cl-ink: #666666;
  --cl-muted: #000000;
  --cl-paper: #ffffff;
  --cl-paper-2: #f0f0f0;
  --cl-brand-soft: #fff4f6;
  --cl-line: #dcdcdc;
  --cl-hairline: #f1f1f1;
  --cl-focus: #005fcc;
  --cl-success: #18794e;
  --cl-error: #b42318;
  --cl-overlay: rgba(0, 0, 0, .4);
  --cl-header: rgba(255, 255, 255, .8);
  --cl-cream: #FFFCDD;
  --cl-yellow-1: #FFFCDD;
  --cl-yellow-2: #FBF298;
  --cl-yellow-3: #F9EC68;
  --cl-tabbar-shadow: #0E0E0E;
  --cl-teal: #00918D;
  --cl-orange: #F36F21;
  --cl-link: #0066FF;
  --cl-accent-deep: #E00321;
  --cl-nav-hover: #FFE051;
  --ff-base: "Roboto Condensed", "Arial Narrow", sans-serif;
  --ff-display: var(--ff-base);
  --ff-tag: var(--ff-base);
  --fs-sm: 1rem;
  --lh-sm: 1.5rem;
  --fs-base: 1rem;
  --lh-base: 1.5rem;
  --fs-lg: 1.25rem;
  --lh-lg: 1.5rem;
  --fs-2xl: 1.5rem;
  --lh-2xl: 1.875rem;
  --fw-regular: 400;
  --fw-semibold: 600;
  --fw-bold: 700;
  --rd-md: 0.3125rem;
  --rd-lg: 0.625rem;
  --rd-pill: 2.5rem;
  --rd-chip: 1rem;
  --rd-card-top: 0.5rem 0.5rem 0 0;
  --sh-card: 0 0 5px 0 #bdbdbd;
  --dur: 500ms;
  --ease: ease;
}

@layer base {
  html { font-size: 16px; }

  body {
    font-family: var(--ff-base);
    font-size: var(--fs-base);
    line-height: var(--lh-base);
    color: var(--cl-ink);
    background: var(--cl-paper);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

  a {
    color: inherit;
    text-decoration: none;
    transition: color var(--dur) var(--ease);
  }

  ::selection {
    background: var(--cl-main);
    color: var(--cl-main-ink);
  }
}

/* ---------- Vá utility thiếu trong output.css đã đóng băng ----------
   `leading-snug` và `leading-relaxed` được dùng trong markup nhưng Tailwind v4
   không sinh rule vì thang `--leading-*` bị ui-standard/theme.css thu hẹp.
   Thiếu ở cả HTML tĩnh lẫn theme, nên vá tại đây thay vì rebuild output.css.
   Giá trị lấy đúng mặc định Tailwind. */
@layer utilities {
  .leading-snug { line-height: 1.375; }
  .leading-relaxed { line-height: 1.625; }
}

@font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/RobotoCondensed-400-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; }
@font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 400; font-display: swap; src: url("../fonts/RobotoCondensed-400-latin.woff2") format("woff2"); }
@font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/RobotoCondensed-700-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; }
@font-face { font-family: "Roboto Condensed"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/RobotoCondensed-700-latin.woff2") format("woff2"); }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/BeVietnamPro-600-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 600; font-display: swap; src: url("../fonts/BeVietnamPro-600-latin.woff2") format("woff2"); }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/BeVietnamPro-700-vietnamese.woff2") format("woff2"); unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB; }
@font-face { font-family: "Be Vietnam Pro"; font-style: normal; font-weight: 700; font-display: swap; src: url("../fonts/BeVietnamPro-700-latin.woff2") format("woff2"); }