:root {
  /* Backgrounds */
  --bg-primary: #121212;      /* Main background */
  --bg-secondary: #1e1e1e;    /* Cards, elevated */
  --bg-tertiary: #2a2a2a;     /* Inputs, hover states */
  --bg-header: #1f1f1f;       /* Header background */
  
  /* Text */
  --text-primary: #ffffff;
  --text-secondary: #b0b0b0;
  --text-muted: #666666;
  
  /* Accent (Västtrafik-like) */
  --accent: #0088cc;
  --accent-light: #00a3e0;
  --accent-dark: #006699;
  
  /* Transport modes */
  --color-bus: #00a651;       /* Grön */
  --color-tram: #f7941d;      /* Orange */
  --color-train: #0072bc;     /* Blå */
  --color-ferry: #662d91;     /* Lila */
  --color-walk: #999999;      /* Grå */
  
  /* Status */
  --success: #4caf50;
  --warning: #ff9800;
  --error: #f44336;
  
  /* Misc */
  --border: #333333;
  --shadow: rgba(0, 0, 0, 0.3);
  --radius: 12px;
  --radius-sm: 8px;
  
  /* Telegram Overrides (fallback values) */
  --tg-theme-bg-color: #121212;
  --tg-theme-text-color: #ffffff;
  --tg-theme-hint-color: #7f7f7f;
  --tg-theme-link-color: #0088cc;
  --tg-theme-button-color: #0088cc;
  --tg-theme-button-text-color: #ffffff;
  --tg-theme-secondary-bg-color: #1e1e1e;
}

/* Use Telegram Theme if available */
body.telegram-theme {
  --bg-primary: var(--tg-theme-bg-color);
  --text-primary: var(--tg-theme-text-color);
  --text-secondary: var(--tg-theme-hint-color);
  --bg-header: var(--tg-theme-secondary-bg-color);
  --bg-secondary: var(--tg-theme-secondary-bg-color);
  --accent: var(--tg-theme-button-color);
}