/* ============================================================
   THEME OVERRIDE TEMPLATE
   
   Einbindung NACH der glasskit.css:
   <link rel="stylesheet" href="glasskit.css">
   <link rel="stylesheet" href="theme-override.css">
   
   Hier nur die Werte überschreiben, die abweichen.
   Alles andere wird von der Basis-Library geerbt.
   ============================================================ */


/* ============================================================
   MARKENFARBE — seit 1.11.0 genügen zwei Zeilen

   Gradient-Mitte, warmer Rand, Fokusring, das Leuchten unter dem
   Primärknopf und der Reglerknopf werden daraus gemischt. Vor 1.11.0
   standen dort feste Bernsteinwerte; ein umgefärbter Knopf bekam
   deshalb einen orangen Halo und einen bernsteinfarbenen Fokusring.

   Wichtig: auf :root deklarieren. Eine Custom Property wird dort
   ersetzt, wo sie deklariert ist — auf einem Teilbaum gesetzt, erreicht
   die Marke die von :root geerbten Tokens nicht.
   ============================================================ */

/* Ocean Blue */
/*
:root {
  --gl-color-primary:        #007AFF;
  --gl-color-primary-dark:   #0055CC;
}
*/

/* Emerald Green */
/*
:root {
  --gl-color-primary:        #34c759;
  --gl-color-primary-dark:   #248a3d;
}
*/

/* Rose */
/*
:root {
  --gl-color-primary:        #FF2D55;
  --gl-color-primary-dark:   #CC1A40;
}
*/


/* ============================================================
   BEISPIEL: Einzelne abgeleitete Werte biegen

   Die Ableitungen sind gewöhnliche Vorgaben und verlieren gegen eine
   spätere Deklaration. Nur setzen, was wirklich abweichen soll.
   ============================================================ */

/*
:root {
  --gl-color-primary-mid:    #0066E0;
  --gl-shadow-focus:         0 0 0 3px rgba(0, 122, 255, 0.4);
}
*/


/* ============================================================
   BEISPIEL: Dunklerer Hintergrund
   ============================================================ */

/*
:root {
  --gl-color-bg-dark:        #060e14;
  --gl-color-bg-mid:         #0c1e2a;
  --gl-color-bg-light:       #102838;
}
*/


/* ============================================================
   BEISPIEL: Hellerer / stärkerer Glaseffekt
   ============================================================ */

/*
:root {
  --gl-surface-1:            rgba(255, 255, 255, 0.12);
  --gl-surface-2:            rgba(255, 255, 255, 0.15);
  --gl-surface-3:            rgba(255, 255, 255, 0.20);
  --gl-surface-4:            rgba(255, 255, 255, 0.24);
  --gl-surface-5:            rgba(255, 255, 255, 0.30);
  --gl-blur:                 32px;
  --gl-blur-light:           20px;
}
*/


/* ============================================================
   BEISPIEL: Andere Typografie
   ============================================================ */

/*
:root {
  --gl-font-family:          'Inter', -apple-system, sans-serif;
  --gl-font-size-title:      28px;
  --gl-radius-card:          28px;
  --gl-radius-btn:           20px;
  --gl-radius-input:         16px;
}
*/


/* ============================================================
   DEIN CUSTOM THEME
   Entkommentiere und passe an:
   ============================================================ */

/*
:root {

}
*/