:root {
  --color-background: #f5f5f5;
  --color-surface: #ffffff;
  --color-surface-hover: #e8e8e8;
  --drawer-background: #ffffff;

  --color-text: #272822;
  --color-text-secondary: #5c5c5c;
  --drawer-text: #272822;

  --color-primary: #66d9ef;
  --color-primary-light: #a6e8f5;
  --color-primary-dark: #4cb8d1;
  --color-secondary: #f92672;
  --color-secondary-light: #fb5e97;

  --color-border: #d0d0d0;
  --color-shadow: rgba(0,0,0,0.08);

  --btn-primary-bg: #66d9ef;
  --btn-primary-text: #f5f5f5;
  --btn-primary-hover-bg: #4cb8d1;
  --btn-primary-border: #66d9ef;

  --btn-secondary-bg: transparent;
  --btn-secondary-text: #66d9ef;
  --btn-secondary-hover-bg: rgba(102,217,239,0.15);
  --btn-secondary-border: #66d9ef;
}