/* =========================================================
   efootball.me — base.css (tokens + reset + utilities)
   ========================================================= */
:root{
  --maxw: 1100px;
  --radius: 16px; --radius-lg: 20px;
  --pad: 16px; --gap: 18px; --ring: 2px;

  /* Light palette */
  --bg:#ffffff; --bg-soft:#f6f7fb; --bg-elev:#ffffff; --surface:#f3f5fa;
  --text:#0b1220; --text-dim:#5a6475; --muted:#6b7280;
  --primary:#2563eb; --primary-2:#1e40af; --accent:#16a34a; --danger:#ef4444;
  --border:#e6e8ef; --shadow:0 10px 30px rgba(2,8,23,.10),0 2px 8px rgba(2,8,23,.06);
  --glass:rgba(255,255,255,.6); --progress:#22c55e;
}
.theme-dark:root{
  --bg:#0b1220; --bg-soft:#0f172a; --bg-elev:#0d1526; --surface:#111a2f;
  --text:#eef2ff; --text-dim:#c7d2fe; --muted:#9aa5b1;
  --primary:#60a5fa; --primary-2:#93c5fd; --accent:#34d399; --danger:#f87171;
  --border:#23304d; --shadow:0 10px 30px rgba(0,0,0,.35),0 2px 8px rgba(0,0,0,.25);
  --glass:rgba(17,26,47,.6); --progress:#10b981;
}

/* Reset & base */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{height:100%}
body{
  margin:0; font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  background:var(--bg); color:var(--text); line-height:1.55;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
}
img{max-width:100%; height:auto; display:block}
a{color:var(--primary); text-decoration:none}
a:hover{color:var(--primary-2); text-decoration:underline}
:focus-visible{outline:var(--ring) solid var(--primary); outline-offset:2px}

/* Background art */
.site-bg{position:fixed; inset:0; z-index:-1; opacity:.35; pointer-events:none;
  background:
    radial-gradient(1200px 600px at 80% -10%, rgba(37,99,235,.08), transparent 60%),
    radial-gradient(900px 500px at -10% 10%, rgba(22,163,74,.08), transparent 60%),
    url('/assets/bg.svg'); background-size:cover;
}

/* Containers & cards */
.container{max-width:var(--maxw); margin-inline:auto; padding-inline:clamp(14px,2vw,20px)}
.card{background:var(--bg-elev); border:1px solid var(--border); border-radius:var(--radius); box-shadow:var(--shadow)}

/* Utilities */
.muted{color:var(--muted)} .shadow-lg{box-shadow:var(--shadow)}
hr{border:0; border-top:1px solid var(--border); margin:14px 0}
.skip-link{position:absolute; inset-inline-start:10px; top:-40px; background:var(--primary); color:#fff; padding:8px 12px; border-radius:8px; z-index:1000; transition:.2s}
.skip-link:focus{top:10px}

/* RTL tweaks */
[dir="rtl"] .meta-line{direction:rtl}
[dir="rtl"] .archive-list{direction:rtl}

/* Form basics (future) */
input,select,textarea{font:inherit; color:var(--text); background:var(--bg-elev); border:1px solid var(--border); padding:10px 12px; border-radius:10px; width:100%}
input:focus,select:focus,textarea:focus{outline:var(--ring) solid var(--primary)}

/* Reduced motion & print */
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }
@media print{ .topbar,.site-footer,.progress,.backtop,.mobile-drawer{display:none!important} a{color:#000!important; text-decoration:underline!important} }