/* ==========================================================================
   AIKYAM CONSULTANCY — TOKENS & BASE
   --------------------------------------------------------------------------
   Brand palette:
   Deep Navy   #153E7E — primary brand / headings
   Ocean Blue  #1E88E5 — accents / dividers / interactive elements
   Charcoal    #333333 — body / supporting text
   ========================================================================== */

:root{

  /* ------------------------------------------------------------------------
     Brand colours
     ------------------------------------------------------------------------ */

  --navy:#153E7E;
  --navy-dark:#123568;

  --blue:#1E88E5;
  --blue-soft:#EAF4FD;

  --charcoal:#333333;
  --muted:#666666;

  --line:#D9E4EF;

  --white:#FFFFFF;
  --cream:#F8FAFC;

  /* Soft backgrounds */
  --mint:#F3F7FA;
  --navy-soft:#EEF4FA;

  /* Form validation messages only */
  --error:#A8452F;


  /* ------------------------------------------------------------------------
     Backwards-compatible aliases
     ------------------------------------------------------------------------
     These allow existing components using --green / --green-dark etc.
     to automatically adopt the new Aikyam palette.
     ------------------------------------------------------------------------ */

  --green:var(--navy);
  --green-dark:var(--navy-dark);
  --green-soft:var(--blue-soft);
  --ink:var(--charcoal);


  /* ------------------------------------------------------------------------
     Effects & layout
     ------------------------------------------------------------------------ */

  --shadow:0 18px 50px rgba(21,62,126,.08);

  --radius:24px;

  --max:1240px;

  --nav-h:78px;
}


/* ==========================================================================
   BASE RESET
   ========================================================================== */

*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:"DM Sans",sans-serif;
  color:var(--charcoal);
  background:var(--white);
  line-height:1.6;
  overflow-x:hidden;
}

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

button{
  font:inherit;
}

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


/* ==========================================================================
   CONTAINER
   ========================================================================== */

.container{
  width:min(var(--max),calc(100% - 48px));
  margin-inline:auto;
}


/* ==========================================================================
   ANCHOR TARGETS
   Scroll clear of the fixed header
   ========================================================================== */

section[id],
footer[id]{
  scroll-margin-top:var(--nav-h);
}


/* ==========================================================================
   MOBILE
   ========================================================================== */

@media(max-width:800px){

  .container{
    width:min(100% - 32px,var(--max));
  }

}