:root {
  --color-primary: #00b7f0;
  --color-primary-light: #09acf9;
  --color-primary-dark: #1f78f0;
  --color-primary-gradient-start: #07c0fe;
  --color-accent: #00ffe4;
  --color-accent-light: #2ffca8;
  --color-white: #ffffff;
  --color-text-primary: #333333;
  --color-text-secondary: #666666;
  --color-text-tertiary: #999999;
  --color-text-quaternary: #bbbbbb;
  --color-border-light: #eeeeee;
  --color-border-medium: #dbdbdb;
  --color-border-dark: #bbbbbb;
  --color-background-light: #f9f9f9;
  --color-background-medium: #f5f5f5;
  --color-background-card: #f2f4fb;
  --color-background-hover: #f1f1f1;
  --color-footer: #15274b;
  --color-highlight: #bdffce;
  --color-button-border: #6a6a6a;
  --color-overlay: rgba(0, 0, 0, 0.6);
  --color-border-lighter: #eeeeee;
  --color-border-dashed: #b2b2b2;
  --color-border-thin: #dddddd;
  --color-link: #0a58ca;
}