/* ──────────────────────────────────────────────────────────────────────────
   DSIS client portal — design tokens + base reset.

   Ported verbatim from the dsis-landing design system (dsis-landing/index.html
   <style>, the single source of truth for the brand). Only addition:
   --green-ring, which names the form focus-ring alpha that was an inline
   rgba(61,122,31,.13) on the landing.
   ────────────────────────────────────────────────────────────────────────── */
:root{
  /* greens */
  --green:#3d7a1f; --green-deep:#316217; --green-soft:#eef4e9; --green-line:#d9e6cd;
  --green-section:#234d14;          /* deep brand panel — the one bold green */
  /* inks */
  --ink:#16221b; --ink-2:#566058; --ink-3:#8a948c;
  /* surfaces */
  --bg:#ffffff; --bg-2:#f6f8f3; --line:#e8ebe4;
  --foot:#141d17;                   /* charcoal footer */
  /* new: named focus ring (was inline on the landing) */
  --green-ring:rgba(61,122,31,.13);
  /* type */
  --display:'Schibsted Grotesk',system-ui,sans-serif;
  --body:'Hanken Grotesk',system-ui,sans-serif;
  /* elevation */
  --shadow-chip:0 1px 2px rgba(22,34,27,.05),0 14px 34px -14px rgba(22,34,27,.22);
  --shadow-card:0 1px 2px rgba(22,34,27,.04),0 18px 44px -26px rgba(22,40,28,.30);
  --shadow-panel:0 40px 90px -44px rgba(22,40,26,.40);
  /* layout */
  --maxw:1200px;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--body);color:var(--ink);background:var(--bg);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
::selection{background:rgba(61,122,31,.16)}

/* Centered max-width container (matches landing .wrap) */
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}

/* a11y focus polish (matches landing) */
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--green);outline-offset:3px;border-radius:6px}

@media (max-width:600px){
  .wrap{padding-left:20px;padding-right:20px}
}