/* ==========================================================================
   Raiganj University - Base: design tokens, reset, typography, helpers
   File: assets/css/01-base.css
   ======================================================================= */

:root{
  --maroon: #6E1423;
  --maroon-dark: #4E0E19;
  --gold: #C89B3C;
  --gold-soft: #E7CE93;
  --cream: #FBF8F2;
  --paper: #F4EEE1;
  --ink: #241B15;
  --ink-soft: #5B4F42;
  --teal: #16302B;
  --line: rgba(36,27,21,0.12);
  --radius: 2px;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
html, body{ overflow-x:hidden; max-width:100%; }
body{
  margin:0;
  font-family:'Work Sans', sans-serif;
  color:var(--ink);
  background:var(--cream);
  -webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,.display{
  font-family:'Fraunces', serif;
  font-weight:600;
  letter-spacing:-0.01em;
  margin:0;
}
.eyebrow{
  font-family:'IBM Plex Mono', monospace;
  font-size:15px;
  letter-spacing:0.14em;
  text-transform:uppercase;
  color:var(--gold);
}
a{color:inherit; text-decoration:none;}
img{max-width:100%; display:block;}
button{font-family:inherit;}
.visually-hidden{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0);}

/* ===== Skip link ===== */
.skip-link{
  position:absolute; left:8px; top:-60px; background:var(--gold); color:var(--maroon-dark);
  padding:10px 16px; font-weight:600; z-index:1000; transition:top .2s ease;
}
.skip-link:focus{ top:8px; }