/* Gryps design-system base for budget.gryps.ch
   Shared by every calculator: webfonts + brand tokens.
   Fonts and colors mirror www.gryps.ch (TT Norms Pro Regular/Bold only). */

@font-face {
  font-family: "TT Norms Pro";
  src: url("/assets/fonts/TTNormsPro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "TT Norms Pro";
  src: url("/assets/fonts/TTNormsPro-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* brand */
  --petrol:       #004F59;
  --petrol-hero:  #027F8D;
  --petrol-light: #E8F4F5;
  --petrol-line:  #B8D9DC;
  --orange:       #FF6900;
  --orange-dark:  #E65F00;
  --orange-light: #FFF1E9;
  /* neutrals */
  --ink:          #2D2926;
  --ink-mid:      #6B6460;
  --grey-mid:     #7A8285;
  --bg:           #F4F5F5;
  --line:         #E4E7E7;
  --white:        #FFFFFF;
  /* shape */
  --r:            6px;
  --r-lg:         10px;
  --font: "TT Norms Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}