:root {
  --content-background: #0c1622;   /* колір в рамці */
  --table-row-background: #0c1622;   /* колір в рамці */
  --table-head-background: #0c1622;   /* колір в рамці */

  --page-background-accent: #16253c;  /* колір за рамкою */
  --page-background: #16253c; /* колір за рамкою */
  --footer-background: #16253c;  /* колір за рамкою */
  --header-background: #16253c;  /* колір за рамкою */

  --content-button-background: #c91d21;  /* колір кнопок в контенті */
  --content-border: #c91d21;  /* колір рамки навколо контенту */
  --login-button-background: #c91d21;   /* колір кнокпи логін */
  --h1-color: #fde9e9;  
  --accent-color: #c91d21;    /* колір кнокпи на банері */
  --accent-hover: #c91d21;   /* колір кнокпи на банері */
  --button-text: #fde9e9; 

  --signup-button-background: transparent; 
  --table-head-text-color: #e6e4df; 
  --signup-button-border: #c91d21;   
  --signup-button-text: #ffffff; 
  --login-button-text: #f0e7e7;  
  --hero-text-color: #ffffff; 
  --hero-text-background: #0b1a29b6;  /* колір в рамці на банері */
  
  --text-color: #f8eded; 
  --footer-link-colour: rgb(253, 245, 245); 
  --hero-radius: 22px;
  --content-radius: 20px;
  --page-width: 1300px;
  --text-width: 1000px;
}