/* ==========================================================================
   DESIGNSYSTEM — sigurdsverden.no
   Alle farger, avstander og skygger defineres her, og bare her.
   Skal du endre en farge på hele nettsiden, endrer du den i denne filen.
   Kilde: design-tokens.tokens.json (Figma) + variabler fra Webflow.
   ========================================================================== */

:root {
  /* --- Farger ------------------------------------------------------------ */
  --egg-white:    #E5E0D5;   /* sandbeige sidebakgrunn */
  --black:        #000000;   /* topplinje, meny, tekst */
  --white:        #FFFFFF;
  --fire-red:     #FE7D65;   /* aksent: aktiv menylenke */
  --gronn:        #C2F18D;   /* aksent: knapper, hover */
  --dark-blue:    #131A48;
  --sigurd-blonde:#C4AA68;
  --ice-white:    #D0D5E9;
  --dark-grey:    #2F2F2F;
  --grey:         #D9D9D9;
  --grey-outline: #B5ADAD;

  /* --- Skygger ----------------------------------------------------------- */
  /* Signaturen i designet: harde skygger uten uskarphet, forskjøvet ned-venstre */
  --shadow:       -8px 8px 0 rgba(0, 0, 0, 0.25);
  --shadow-small: -4px 4px 0 rgba(0, 0, 0, 0.25);

  /* --- Typografi --------------------------------------------------------- */
  --font: "Pally", "Trebuchet MS", -apple-system, BlinkMacSystemFont, sans-serif;

  /* --- Rutenett (fra Figma: 10 kolonner, 20px mellomrom, 64px ytre marg) --- */
  --grid-columns: 10;
  --grid-gap:     20px;
  --grid-margin:  64px;

  /* --- Topplinjens høyde -------------------------------------------------- */
  --navbar-height: 66px;
}