/* =========================================================
   FYVRON COMPOSITE — HOME PAGE
   Reusable root / components / animations
========================================================= */

/* :root{
  --brand:var(--accent);
  --brand-dark:#e74700;
  --ink:#111214;
  --muted:#6f7278;
  --line:#e6e6e3;
  --soft:#f5f5f2;
  --white:#fff;
  --dark:#111214;
  --dark-2:#1a1b1d;
  --radius:2px;
  --shadow:0 20px 60px rgba(0,0,0,.08);
  --container:1320px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Manrope",sans-serif;
  color:var(--ink);
  background:#fff;
  overflow-x:hidden;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container-xl{max-width:var(--container)}
::selection{background:var(--brand);color:#fff} */



:root{
  /* Brand Colors */
  --brand:#0B3778;
  --brand-dark:#07295D;
  --brand-light:#174A91;

  --accent:#FFB800;
  --accent-dark:#E5A300;
  --accent-light:#FFF3CC;

  --green:#27943B;
  --green-dark:#1D762E;

  /* Text Colors */
  --ink:#111C30;
  --muted:#697586;
  --line:#E1E6ED;

  /* Backgrounds */
  --soft:#F5F7FA;
  --white:#fff;

  /* Dark Sections */
  --dark:#0A1424;
  --dark-2:#10213B;

  /* UI */
  --radius:3px;
  --shadow:0 20px 60px rgba(11,55,120,.09);
  --container:1320px;
}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  margin:0;
  font-family:"Manrope",sans-serif;
  color:var(--ink);
  background:var(--white);
  overflow-x:hidden;
}

a{
  text-decoration:none;
  color:inherit;
}

img{
  max-width:100%;
  display:block;
}

.container-xl{
  max-width:var(--container);
}


.text-navy{
  color: var(--brand-dark);
}


::selection{
  background:var(--accent);
  color:var(--brand-dark);
}