/*
Theme Name: Madlogic MLXP
Theme URI: https://www.madlogic.nl
Author: Madlogic
Author URI: https://www.madlogic.nl
Description: Custom WordPress theme for Madlogic featuring a dedicated MLXP (Learning Experience Platform) landing page. High-contrast red/black/white brand system, Poppins + Open Sans, pill buttons, and the signature dashed butterfly flight-path motif. Bilingual NL/EN ready.
Version: 1.6.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: madlogic-mlxp
*/

/* ============================================================
   Madlogic MLXP — design system
   The full stylesheet lives in assets/css/mlxp.css (enqueued
   via functions.php). This file carries the required theme
   header plus base resets so the theme is valid even before
   the bundled CSS loads.
   ============================================================ */

:root{
  --bg:#ffffff;
  --surface:#f6f6f5;
  --fg:#1d1d1b;
  --muted:#717a81;
  --border:#e3e3e3;
  --accent:#e30613;
  --red-dark:#941004;
  --red-deep:#600b00;
  --magenta:#7a0b3d;
  --ink:#1d1d1b;
  --font-display:"Poppins",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --font-body:"Open Sans",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;
  --maxw:1200px;
  --r:16px;
}
*{box-sizing:border-box}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--fg);
  background:var(--bg);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{color:var(--accent)}
img{max-width:100%;height:auto;display:block}

/* WordPress core alignment + screen-reader helpers */
.alignwide{max-width:1100px;margin-left:auto;margin-right:auto}
.alignfull{max-width:none}
.aligncenter{margin-left:auto;margin-right:auto}
.screen-reader-text{
  border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);
  height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;word-wrap:normal!important;
}
.skip-link{
  position:absolute;left:-9999px;top:0;background:var(--accent);color:#fff;
  padding:10px 18px;border-radius:0 0 8px 0;z-index:1000;font-family:var(--font-body);font-weight:700;
}
.skip-link:focus{left:0}