/* ============================================================
   Qindra — legacy reskin overrides
   Re-themes the variable-driven form pages (defence, luminate,
   education) to the monochrome system WITHOUT touching their
   markup, forms, hidden iframes, or submission scripts.
   Loaded LAST (before </head>) so it wins the cascade.
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  /* dark tones -> blacks */
  --navy:#0d0d0d; --navy-mid:#161616; --navy-light:#1f1f1f; --background-dark:#0d0d0d;
  /* light tones -> ivory/paper */
  --cream:#f7f6f3; --cream-dim:#e9e7e0; --white:#ffffff;
  /* accent -> monochrome */
  --gold:#0d0d0d; --gold-light:#ffffff; --gold-dark:#000000;
  --gold-gradient:linear-gradient(135deg,#1f1f1f 0%,#0d0d0d 100%);
  --text-primary:#171717; --text-secondary:#5c5c5c;
  --text-white:#ffffff; --text-white-secondary:rgba(255,255,255,.72);
  --border:#e4e4e1; --border-white:rgba(255,255,255,.18);
  --focus-ring:rgba(13,13,13,.28); --error:#c0392b;
  /* typography -> Inter everywhere */
  --serif:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
  --sans:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;
}

body,h1,h2,h3,h4,h5,h6,input,select,textarea,button,p,a,span,label,div{
  font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif !important;
}

/* primary action buttons -> solid black (avoid accent-on-accent) */
.submit-btn{background:#0d0d0d !important;color:#fff !important;border:1px solid #0d0d0d !important;}
.submit-btn:hover{background:#1f1f1f !important;}

/* clipped/gradient accent text -> inherit surrounding color so it's legible on any background */
.highlight,.gradient-text{
  -webkit-text-fill-color:currentColor !important;
  color:inherit !important;
  background:none !important;
}

/* sharper corners + clean focus to match the new system */
.submit-btn,.nav-cta,input,select,textarea{border-radius:2px !important;}
input:focus,select:focus,textarea:focus{
  border-color:#0d0d0d !important;
  box-shadow:0 0 0 3px rgba(13,13,13,.08) !important;
}

/* decorative gold bars -> subtle grayscale */
.divider,.jv-divider{opacity:.6 !important;}
