/* EAFree brand theme — shared by rules/, download/ and archive/.
   Loaded AFTER each page's own <style>, so it only overrides tokens,
   fonts and the shared header; page layout stays as written. */
:root, :root[data-theme="dark"], :root[data-theme="light"], :root:not([data-theme="light"]) {
  --ground:#0a0a0f; --surface:#0f1018; --sunk:#0d0e15;
  --ink:#ffffff; --ink-soft:#c7d2e0; --muted:#94a3b8;
  --line:#1a1d2e; --line-soft:#1a1d2e;
  --accent:#00b4ff; --accent-soft:rgba(0,180,255,.12); --cyan:#00ff88;
  --warn:#f59e0b; --warn-soft:rgba(245,158,11,.08); --warn-line:rgba(245,158,11,.35);
  --loss:#ef4444;
  --shadow:none;
  /* archive/ tokens */
  --bg:#0a0a0f; --surface-solid:#0f1018; --card-grad:linear-gradient(160deg,#0f1018,#0d0e15);
  --border:#1a1d2e; --border-solid:#252a3d; --text:#ffffff; --dim:#64748b;
  --cyan-dim:rgba(0,180,255,.12); --green:#00ff88; --gold:#f59e0b;
  --font:'Be Vietnam Pro',system-ui,sans-serif;
}
html { color-scheme:dark; }
body { background:#0a0a0f !important; color:#fff; font-family:'Be Vietnam Pro',system-ui,sans-serif !important; font-size:17px; }
body::before { content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:radial-gradient(900px 500px at 15% -10%,rgba(0,180,255,.13),transparent 60%),
             radial-gradient(700px 400px at 90% 10%,rgba(0,255,136,.07),transparent 60%); }
h1, h2, .eyebrow, .rc-name, .season-name { font-family:'Chakra Petch',system-ui,sans-serif !important; letter-spacing:.01em; }
h1 { font-weight:800 !important; }
h2 { font-weight:700 !important; }
.eyebrow, .stamp, th, nav.toc .h, .lang button, code, td.num, .mono { font-family:'JetBrains Mono',ui-monospace,monospace !important; }
.eyebrow { color:#00b4ff !important; letter-spacing:.26em !important; font-size:11px !important; font-weight:700; }
.standfirst { font-family:'Be Vietnam Pro',system-ui,sans-serif !important; color:#94a3b8 !important; font-size:1.2rem !important; }
.wrap { max-width:52rem; }
a { color:#00b4ff; }
.lang button[aria-pressed="true"] { background:#1a1d2e !important; color:#fff !important; }
nav.toc, .steps > li, .callout, .example, .card, .season { background:linear-gradient(160deg,#0f1018,#0d0e15) !important; border-color:#1a1d2e !important; border-radius:12px !important; }
.callout { border-left:3px solid #00b4ff !important; }
.callout.warn { border-left-color:#f59e0b !important; }
.steps > li::before { background:rgba(0,180,255,.12) !important; color:#00b4ff !important; }
strong { color:#fff; }
th { color:#64748b !important; letter-spacing:.16em !important; font-size:10px !important; }
button.primary, .btn.primary, a.button, .download-btn { background:#00b4ff !important; color:#001521 !important; border:0 !important; border-radius:8px !important; font-weight:700; }
/* Page's own topbar (VI/EN) sits under the brand header. */
.topbar { margin-top:.5rem; }
/* ---- shared brand header ---- */
.eaf-top { position:sticky; top:0; z-index:50; background:rgba(10,10,15,.85); backdrop-filter:blur(14px); border-bottom:1px solid #1a1d2e; }
.eaf-top .in { max-width:1180px; margin:0 auto; padding:0 20px; height:64px; display:flex; align-items:center; gap:22px; }
.eaf-top .brand { display:flex; align-items:center; gap:10px; text-decoration:none; }
.eaf-top .brand img { height:30px; display:block; }
.eaf-top .tag { font-family:'Chakra Petch',system-ui,sans-serif; font-size:11px; font-weight:700; letter-spacing:.18em; color:#00b4ff; border:1px solid rgba(0,180,255,.35); border-radius:6px; padding:3px 7px; background:rgba(0,180,255,.08); }
.eaf-top nav { display:flex; gap:4px; margin-left:8px; }
.eaf-top nav a { color:#94a3b8; font-family:'Be Vietnam Pro',system-ui,sans-serif; font-weight:600; font-size:15px; padding:8px 12px; border-radius:8px; text-decoration:none; }
.eaf-top nav a:hover, .eaf-top nav a.on { color:#fff; background:rgba(255,255,255,.05); }
.eaf-top .sp { flex:1; }
/* Logo dan ve dau trang contest; link nho ben canh moi la duong sang web me. */
.eaf-top .brand { border-radius:8px; padding:4px 6px; margin-left:-6px; }
.eaf-top .brand:hover { background:rgba(255,255,255,.05); }
.eaf-top .eaf-sep { width:1px; height:22px; background:#252a3d; flex-shrink:0; }
.eaf-top .eaf-back { display:inline-flex; align-items:center; gap:5px; color:#64748b; font-size:13px;
  font-family:'Be Vietnam Pro',system-ui,sans-serif; text-decoration:none; padding:5px 9px;
  border-radius:7px; border:1px solid transparent; white-space:nowrap; }
.eaf-top .eaf-back:hover { color:#94a3b8; border-color:#252a3d; }
@media (max-width:700px) { .eaf-top .eaf-sep, .eaf-top .eaf-back { display:none; } }
.eaf-top .cta { background:#00b4ff; color:#001521; font-family:'Be Vietnam Pro',system-ui,sans-serif; font-weight:700; font-size:14px; padding:8px 14px; border-radius:8px; text-decoration:none; white-space:nowrap; }
.eaf-top .cta:hover { background:#33c3ff; }
@media (max-width:900px) { .eaf-top nav { display:none; } .eaf-top .in { gap:10px; } .eaf-top .brand img { height:24px; } }
/* the archive page had its own header — hide it in favour of the brand one */
header.top { display:none !important; }
.eaf-top .lang { display:flex; border:1px solid #1a1d2e; border-radius:8px; overflow:hidden; background:#0f1018; flex-shrink:0; padding:0; }
.eaf-top .lang button { background:none; border:0; color:#64748b; font-family:'Be Vietnam Pro',system-ui,sans-serif !important; font-weight:700; font-size:12px; padding:7px 11px; letter-spacing:.06em; border-radius:0; cursor:pointer; }
.eaf-top .lang button.on { background:#1a1d2e; color:#fff; }