/* -------------------------------------------------------- */
/* 🔹 App Colors                                            */
/* -------------------------------------------------------- */
/* Semantic and component-specific colors derived from the   */
/* color scheme in material_theme.css                        */
/* Mirrors app_colors.dart                                   */


:root {
  /* Price (green = cheap, yellow = medium, red = expensive) */
  --color-price-green: var(--color-secondary);
  --color-price-yellow: #EDB926;
  --color-price-red: #DC2626;

  /* Info & error */
  --color-info: rgba(100, 116, 139, 0.4);
  --color-subtitle: rgba(100, 116, 139, 0.85);
  --color-error: rgba(100, 116, 139, 0.9);

  /* Chart */
  --color-chart-gradient-start: rgba(3, 105, 161, 0.15);
  --color-chart-gradient-end: rgba(3, 105, 161, 0.05);
  --color-chart-gridline: rgba(226, 232, 240, 0.5);
  --color-chart-touch-dot-fill: var(--color-surface);
  --color-chart-touch-dot-border: var(--color-on-surface);
  --color-tooltip-bg: rgba(250, 250, 250, 0.9);

  /* Selection & interactive */
  --color-selected-bg: rgba(3, 105, 161, 0.1);
  --color-selected-text: var(--color-primary);
  --color-unselected-text: var(--color-on-surface);
  --color-primary-border: var(--color-outline);
  --color-press-highlight: rgba(30, 41, 59, 0.05);
  --color-press-active: rgba(0, 0, 0, 0.06);

  /* Component-specific */
  --color-map-unselected-border: #AFAFAC;

  /* Premium gradient */
  --color-premium-gradient-start: rgba(234, 88, 12, 0.12);
  --color-premium-gradient-end: rgba(5, 150, 105, 0.06);
}