:root {

  /* --------------------------------------------------
     1.2 Neutraalit
  -------------------------------------------------- */

  --color-page-bg: #EDEBE6;          /* koko sivun tausta */
  --color-surface: #FFFFFF;          /* kortit, paneelit, rivit */
  --color-surface-alt: #F1EFE8;      /* aktiivinen navigaatiorivi, taulukon otsikkorivi */
  --color-surface-stripe: #FAFAF8;   /* taulukon raidoitus */
  --color-surface-fill: #F5F4F0;     /* neutraalit arvolaatikot, editoitavan kentän sisäkehys */

  --color-border: #DAD7CF;           /* oletusreunaviiva */
  --color-border-subtle: #EEEDE7;    /* rivierottimet */

  --color-text-primary: #2C2C2A;     /* otsikot, ensisijaiset arvot */
  --color-text-secondary: #5F5E5A;   /* toissijainen teksti */
  --color-text-tertiary: #888780;    /* label-tekstit, muted */
  --color-text-quaternary: #B4B2A9;  /* footer-teksti, disabled, ikonit */

 --color-text-primary: #2C2C2A;   /* Header + footer background */

  --color-header-icon: #FFFFFF;    /* Ikonit ja tekstit palkeissa */
  --color-header-text: #FFFFFF;


  /* --------------------------------------------------
     1.3 Brändi
  -------------------------------------------------- */

  --color-brand: #EB4623;            /* Genier Orange */
  --color-brand-text: #993C1D;       /* korostetun elementin teksti */


  /* --------------------------------------------------
     1.4 Tilarampit
     Warm — lämmitys, kriittinen hälytys, standby
  -------------------------------------------------- */

  --color-warm-bg: #FAECE7;          /* tausta */
  --color-warm-icon: #993C1D;        /* ikoni */
  --color-warm-value: #4A1B0C;       /* iso arvoteksti */


  /* Warning — lähestyvä huolto */
  --color-warning-bg: #FBF2E4;
  --color-warning-icon: #EF9F27;
  --color-warning-text: #8A5A0A;


  /* Cool — jäähdytys ja vesi */
  --color-cool-bg: #E6F1FB;
  --color-cool-icon: #378ADD;
  --color-cool-value: #0C447C;


  /* Eco — vastuullinen keittotapa */
  --color-eco-bg: #E9F5F3;
  --color-eco-icon: #3BA99C;
  --color-eco-value: #227A6C;


  /* --------------------------------------------------
     Success & Danger
  -------------------------------------------------- */

  --color-success: #639922;          /* pata käynnissä */
  --color-danger: #E24B4A;           /* delete, kriittinen */
  --color-danger-text: #A32D2D;      /* kriittisen arvoteksti */
}