/* Ambition IAS — brand system (single source of truth for colour + shared components).
   Imported by: the landing, the test app, the WordPress theme, and the forum.
   Change a value here, it changes everywhere. Palette locked 2026-07-11 (navy + amber). */
:root{
  /* brand */
  --top:#0e1f38;      /* primary navy (nav, hero, bands) */
  --bot:#0b1a30;      /* deep navy (gradient bottom, footer) */
  --amber:#e8a417;    /* accent / mentoring (paid) */
  --green:#10a37f;    /* free / success / primary action */
  --ink:#12233b;      /* body text */
  --dim:#5b6b7f;      /* muted text */
  --cream:#f7f6f2;    /* soft section background */
  --line:#e6edf5;     /* borders */
  /* learning code (used inside lessons/tests) */
  --concept:#1e4f8f;  /* blue = concept */
  --trap:#e05a5a;     /* red = trap */
  --correct:#10a37f;  /* green = correct */
  /* system */
  --radius:6px;
  --font:'Segoe UI',system-ui,-apple-system,sans-serif;
  --maxw:1120px;
}
*{margin:0;box-sizing:border-box;font-family:var(--font)}
body{color:var(--ink);background:#fff}
a{text-decoration:none}

/* ---- shared top navigation (identical markup on every surface) ---- */
.aias-nav{background:var(--top);display:flex;align-items:center;gap:24px;padding:0 clamp(16px,4vw,40px);height:60px}
.aias-nav .logo{font-weight:800;font-size:20px;color:#fff}
.aias-nav .logo span{color:var(--amber)}
.aias-nav .links{display:flex;gap:20px;margin-left:8px}
.aias-nav .links a{color:#aebfd4;font-size:13.5px;font-weight:600}
.aias-nav .links a:hover,.aias-nav .links a.on{color:#fff}
.aias-nav .links a.m{color:var(--amber)}
.aias-nav .right{margin-left:auto;display:flex;align-items:center;gap:16px}
.aias-nav .lang{font-size:12.5px;color:#8ea3bd}.aias-nav .lang b{color:#fff}
.aias-nav .login{color:#fff;font-size:13.5px;font-weight:700}
.aias-nav .menu{display:none;color:#fff;font-size:20px;background:none;border:0;line-height:1;padding:6px;cursor:pointer;align-items:center}

/* ---- shared buttons ---- */
.btn{display:inline-block;padding:14px 26px;border-radius:6px;font-weight:800;font-size:15px;cursor:pointer;border:0}
.btn-free{background:var(--green);color:#fff;box-shadow:0 8px 22px #10a37f44}
.btn-amber{background:var(--amber);color:var(--ink)}
.btn-ghost-amber{background:transparent;color:var(--amber);border:1.5px solid #7a6326;font-weight:700}

/* ---- shared footer ---- */
.aias-foot{background:var(--bot);color:#7f97b4;text-align:center;font-size:12.5px;padding:24px}

/* ---- mobile ---- */
@media(max-width:760px){
  .aias-nav .links{display:none;position:absolute;top:60px;left:0;right:0;background:var(--top);
    flex-direction:column;gap:0;margin:0;padding:6px 0;border-top:1px solid #ffffff1f;
    box-shadow:0 12px 24px #00000047;z-index:30}
  .aias-nav.open .links{display:flex}
  .aias-nav .links a{padding:13px 24px;font-size:15px}
  .aias-nav .menu{display:inline-flex;align-items:center;justify-content:center}
}