/*
CSIR Bharat — design tokens, reset, and shared typography utilities.
Loaded first; every other stylesheet in /assets/css depends on these
custom properties and base element rules.
*/

/* ---------------------------------------------------------------
   Tokens
--------------------------------------------------------------- */
:root{
  --navy:#123B4A;
  --navy-deep:#0d2c38;
  --orange:#C56B3C;
  --orange-dark:#a8562e;
  --ink:#1F3340;
  --muted:#69727d;
  --line:#D8CEC0;
  --paper:#FFFDFC;
  --paper-alt:#F8F4EA;
  --gold:#E6D08A;
  --gold-dark:#C89B3C;

  --wrap:1200px;
  --gut:24px;

  --f-display:"Playfair Display",Georgia,"Times New Roman",serif;
  --f-body:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;

  --ease:cubic-bezier(.22,.61,.36,1);
  --header-h:84px;
  --topbar-h:8px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--topbar-h));-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--f-body);font-size:16px;line-height:1.7;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;
}
img{max-width:100%;display:block;height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}

.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--gut)}
.section{padding:92px 0}
.section--alt{background:var(--paper-alt)}

.eyebrow{
  font-size:12px;letter-spacing:.18em;text-transform:uppercase;
  color:var(--orange);font-weight:700;margin:0 0 14px
}
.h-sec{
  font-family:var(--f-display);font-weight:700;
  font-size:clamp(30px,4vw,44px);line-height:1.18;
  color:var(--navy);margin:0 0 18px;
}
.h-sec .rule{display:block;width:64px;height:3px;background:var(--orange);margin-top:20px;border-radius:2px}
.lede{color:var(--muted);font-size:17px;margin:0}
.center{text-align:center}
.center .h-sec .rule{margin-left:auto;margin-right:auto}

.skip-link{
  position:absolute;left:-9999px;top:0;z-index:999;
  background:var(--navy);color:#fff;padding:12px 18px;
}
.skip-link:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px}