/* ================================================================
   infotainment.guide — gedeelde design tokens
   Canonieke bron voor mainstage/backstage/frontstage/manager/service.
   Niet dupliceren in app-CSS — hier aanpassen, overal effect.
   ================================================================ */
:root {
  --ink:        #1C2B2D;
  --ink-soft:   #4A5B5D;
  --bg:         #FAF8F5;
  --sand:       #E8E1D6;
  --sand-line:  #D8CEBE;
  --teal:       #3D6B5C;
  --teal-deep:  #2A4B40;
  --teal-tint:  #E4ECE8;
  --radius:     12px;

  /* Semantische statuskleuren — badges, alerts, meldingen */
  --success-bg:   #E6F4EF;
  --success-text: #1A6B3C;
  --warning-bg:   #FEF3CD;
  --warning-text: #7A5200;
  --danger-bg:    #FDECEA;
  --danger-text:  #8B1A1A;
  --info-bg:      #E8F0FE;
  --info-text:    #1A47A1;
}