/* Zmienne kolorystyczne */
:root {
    --font-title: #121416;
    --font-text: #333;
    --font-hover: #1d1e20;
    --font-addnotation: #7d8185;
    --background-main: #efefef;
    --background-hover: #d8dee2;
    --background-sub: #e4e9ec;
    --background-draft: #d1d5df;
    --background-draft-hover: #c1c6d3;
    --white: #efefef;
    --dark: #c5c5c5;
    --black: #121214;
    --button-bg: #94b5c7;
    --button-hover: #769aaf;
    --link: #1b6fbe;
    --link-hover: #0f467a;
    --error: #ffe0e0;
    --error-bg: #da6363;
    --error-border: #dd3939;
    --success: #d7f3ca;
    --success-bg: #8ac05e;
    --success-border: #78b335;
    --grey: #a5a5a5;
    --invert: #121214;
  }
  
  [data-theme="dark"] {
    --font-title: #eee;
    --font-text: #d7d9e0;
    --font-hover: #fff;
    --font-addnotation: #696d74;
    --background-main: #1f2227;
    --background-hover: #181a1f;
    --background-sub: #191c20;
    --background-draft: #303640;
    --background-draft-hover: #282e38;
    --white: #efefef;
    --dark: #111111;
    --black: #0e0f13;
    --button-bg: #456377;
    --button-hover: #2b404e;
    --link: #64aef3;
    --link-hover: #327abd;
    --error: #ffd8d8;
    --error-bg: #b33939;
    --error-border: #942323;
    --success: #cbecbd;
    --success-bg: #6ba13e;
    --success-border: #3c7416;
    --grey: #dbdbdb;
    --invert: #efefef;
  }