:root {
    /* Fonts */
    --font-headline: 'GrueneTypeNeue', sans-serif;
    --font-body: 'PT Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

    /* Basisfarben */
    --black: #000000;
    --white: #FFFFFF;

    /* Primary ("Klee") */
    --primary-50:   #E5F3EB;
    --primary-100:  #CCE7D7;
    --primary-200:  #bbf7d0;
    --primary-300:  #B2DCC4;
    --primary-400:  #66B888;
    --primary-500:  #33A161;
    --primary-600:  #008939; /* Klee */
    --primary-700:  #006E2E;
    --primary-800:  #005222;
    --primary-900:  #003717;
    --primary-950:  #002911;

    /* Secondary ("Tanne") */
    --secondary-50:   #D5EEE6;
    --secondary-100:  #BEDDD2;
    --secondary-200:  #A6CCBF;
    --secondary-300:  #8EBBAB;
    --secondary-400:  #5F9885;
    --secondary-500:  #2F765E;
    --secondary-600:  #005538; /* Tanne */
    --secondary-700:  #00432C;
    --secondary-800:  #003221;
    --secondary-900:  #002216;

    /* Grey scale */
    --grey-50:   #F9FAFB;
    --grey-100:  #F3FAF6;
    --grey-200:  #E6ECEA;
    --grey-300:  #D1DBDA;
    --grey-400:  #9CABAF;
    --grey-500:  #6B7A80;
    --grey-600:  #4B5D63;
    --grey-700:  #374951;
    --grey-800:  #1F2F37;
    --grey-900:  #111E27;
    --grey-950:  #031112;

    /* Neutral ("Sand") */
    --neutral-500: #F7F4ED;
    --neutral-600: #F5F1E9; /* Sand */
    --neutral-700: #EFE8DB;

    /* Sun ("Sonne") */
    --sun-600: #FFF17A; /* Sonne */

    /* Himmel (Blau) */
    --himmel-500: #3CB4E4;
    --himmel-600: #0BA1DD; /* Himmel */
    --himmel-700: #0981B1;

    /* Grashalm */
    --grashalm-500: #A1CA50;
    --grashalm-600: #8ABD24; /* Grashalm */
    --grashalm-700: #6E971D;
}