:root {
  --color-background: #f8f9fa;
  --color-surface: #ffffff;
  --color-surface-hover: #f1f3f4;
  --drawer-background: #ffffff;

  --color-text: #1f1f1f;
  --color-text-secondary: #5f6368;
  --drawer-text: #1f1f1f;

  --color-primary: #1a73e8;
  --color-primary-light: #4d8ef5;
  --color-primary-dark: #1557b0;
  --color-secondary: #d93025;
  --color-secondary-light: #e86056;

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

  --btn-primary-bg: #1a73e8;
  --btn-primary-text: #ffffff;
  --btn-primary-hover-bg: #1557b0;
  --btn-primary-border: #1a73e8;

  --btn-secondary-bg: transparent;
  --btn-secondary-text: #1a73e8;
  --btn-secondary-hover-bg: rgba(26,115,232,0.15);
  --btn-secondary-border: #1a73e8;
}