:root {
    /* Color Palette */
    /* --- Backgrounds --- */
    --primary-bg-color: #1a1a1a;
    --secondary-bg-color: #f8f8f8;
    --tertiary-bg-color: #f0f6f6;            /* Content blocks */

    /* --- Header/Footer --- */
    --layout-primary-color: #161616;
    --layout-primary-text-color: #f8f8f8;    /* Headings, active elements */
    --layout-secondary-text-color: #79745c;  /* Sub-headlines, descriptions, ...  */
    --layout-tertiary-text-color: #99947c;   /* Hovered secondary texts */

    /* --- Texts --- */
    --primary-text-color-light: #f8f8f8;     /* On --primary-bg-color backgrounds */
    --secondary-text-color-light: #9a9a9a;   /* Sub-headlines, descriptions, ... */
    
    --primary-text-color-dark: #1a1a1a;      /* On --secondary-bg-color backgrounds */
    --secondary-text-color-dark: #5a5a5a;    /* Sub-headlines, descriptions, ... */

    /* --- Neutrals / Greys --- */
    --neutral-color-grey: #79745c;           /* Dividers, structure, etc */
    --neutral-color-grey-light: #99947c;

    /* --- Accents --- */
    --primary-accent-color: #58a6ff;
    --secondary-accent-color: #ff6347;
}