/* Layer style variables for all drawings */
:root {
  /* Global opacities (used by UI/managers) */
  --city-fill-opacity: 0.15;
  --town-fill-opacity: 0.15;
  --quarter-fill-opacity: 0.95;
  --elevation-fill-opacity: 0.4;
  --parcel-fill-opacity: 0.3;
  --clipped-roads-fill-opacity: 0.6;
  --clipped-electric-fill-opacity: 0.5;
  --clipped-waterway-fill-opacity: 0.5;
  --clipped-water-fill-opacity: 0.4;
  --slope-fill-opacity: 0.4;

  /* Clipped features */
  --clipped-roads-color: #FF5722;
  --clipped-roads-weight: 2;
  --clipped-roads-opacity: 1;
  --clipped-roads-fill-color: #FF5722;
  --clipped-roads-fill-opacity: 0.5;

  --clipped-electric-color: #FFC107;
  --clipped-electric-weight: 1.5;
  --clipped-electric-opacity: 1;
  --clipped-electric-fill-color: #FFC107;
  --clipped-electric-fill-opacity: 0.5;

  --clipped-waterway-color: #00BCD4;
  --clipped-waterway-weight: 1.5;
  --clipped-waterway-opacity: 1;
  --clipped-waterway-fill-color: #00BCD4;
  --clipped-waterway-fill-opacity: 0.5;

  --water-polygon-color: #2196F3;
  --water-polygon-weight: 1.5;
  --water-polygon-opacity: 1;
  --water-polygon-fill-color: #2196F3;
  --water-polygon-fill-opacity: 0.5;

  /* Boundary and grids */
  --boundary-polygon-color: #FF9800;
  --boundary-polygon-weight: 2;
  --boundary-polygon-opacity: 1;
  --boundary-polygon-fill-color: #FF9800;
  --boundary-polygon-fill-opacity: 0.5;

  --quarter-border-color: #FF9800;
  --quarter-border-weight: 2;
  --quarter-border-opacity: 0.8;
  --quarter-border-fill-color: #FF9800;
  --quarter-border-fill-opacity: 0.5;

  --grid-polygons-color: #9C27B0;
  --grid-polygons-weight: 1;
  --grid-polygons-opacity: 0.6;
  --grid-polygons-fill-color: #9C27B0;
  --grid-polygons-fill-opacity: 0.5;

  --centroid-point-color: #F44336;
  --centroid-point-radius: 8;
  --centroid-point-opacity: 0.9;
  --centroid-point-stroke-color: #FFFFFF;
  --centroid-point-stroke-width: 2;

  /* Quarter border (line only) uses quarter_polygon id in drawing */
  --quarter-polygon-color: #4CAF50;
  --quarter-polygon-weight: 2;
  --quarter-polygon-opacity: 1;

  /* Parcel */
  --parcel-polygon-color: #E91E63;
  --parcel-polygon-weight: 2;
  --parcel-polygon-opacity: 1;
  --parcel-polygon-fill-color: #E91E63;
  --parcel-polygon-fill-opacity: 0.5;

  /* Parcel slope */
  --parcel-slope-poly-0-20-color: #8BC34A;
  --parcel-slope-poly-0-20-weight: 1.5;
  --parcel-slope-poly-0-20-opacity: 1;
  --parcel-slope-poly-0-20-fill-color: #8BC34A;
  --parcel-slope-poly-0-20-fill-opacity: 0.5;

  --parcel-slope-poly-20-30-color: #FF9800;
  --parcel-slope-poly-20-30-weight: 1.5;
  --parcel-slope-poly-20-30-opacity: 1;
  --parcel-slope-poly-20-30-fill-color: #FF9800;
  --parcel-slope-poly-20-30-fill-opacity: 0.5;

  --parcel-slope-poly-over-30-color: #F44336;
  --parcel-slope-poly-over-30-weight: 1.5;
  --parcel-slope-poly-over-30-opacity: 1;
  --parcel-slope-poly-over-30-fill-color: #F44336;
  --parcel-slope-poly-over-30-fill-opacity: 0.5;

  --parcel-slope-all-color: #607D8B;
  --parcel-slope-all-weight: 1.5;
  --parcel-slope-all-opacity: 1;
  --parcel-slope-all-fill-color: #607D8B;
  --parcel-slope-all-fill-opacity: 0.5;

  /* Quarter slope */
  --quarter-slope-poly-0-20-color: #4CAF50;
  --quarter-slope-poly-0-20-weight: 1.5;
  --quarter-slope-poly-0-20-opacity: 1;
  --quarter-slope-poly-0-20-fill-color: #4CAF50;
  --quarter-slope-poly-0-20-fill-opacity: 0.5;

  --quarter-slope-poly-20-30-color: #FF9800;
  --quarter-slope-poly-20-30-weight: 1.5;
  --quarter-slope-poly-20-30-opacity: 1;
  --quarter-slope-poly-20-30-fill-color: #FF9800;
  --quarter-slope-poly-20-30-fill-opacity: 0.5;

  --quarter-slope-poly-over-30-color: #F44336;
  --quarter-slope-poly-over-30-weight: 1.5;
  --quarter-slope-poly-over-30-opacity: 1;
  --quarter-slope-poly-over-30-fill-color: #F44336;
  --quarter-slope-poly-over-30-fill-opacity: 0.5;

  /* Elevation */
  --quarter-elev-poly-1-4-color: #4CAF50;
  --quarter-elev-poly-1-4-weight: 1.5;
  --quarter-elev-poly-1-4-opacity: 1;
  --quarter-elev-poly-1-4-fill-color: #4CAF50;
  --quarter-elev-poly-1-4-fill-opacity: 0.5;

  --quarter-elev-poly-4-10-color: #8BC34A;
  --quarter-elev-poly-4-10-weight: 1.5;
  --quarter-elev-poly-4-10-opacity: 1;
  --quarter-elev-poly-4-10-fill-color: #8BC34A;
  --quarter-elev-poly-4-10-fill-opacity: 0.5;

  --quarter-elev-poly-over-10-color: #FF9800;
  --quarter-elev-poly-over-10-weight: 1.5;
  --quarter-elev-poly-over-10-opacity: 1;
  --quarter-elev-poly-over-10-fill-color: #FF9800;
  --quarter-elev-poly-over-10-fill-opacity: 0.5;

  --quarter-elev-poly-below-avg-color: #2196F3;
  --quarter-elev-poly-below-avg-weight: 1.5;
  --quarter-elev-poly-below-avg-opacity: 1;
  --quarter-elev-poly-below-avg-fill-color: #2196F3;
  --quarter-elev-poly-below-avg-fill-opacity: 0.5;

  --quarter-elev-poly-above-avg-color: #F44336;
  --quarter-elev-poly-above-avg-weight: 1.5;
  --quarter-elev-poly-above-avg-opacity: 1;
  --quarter-elev-poly-above-avg-fill-color: #F44336;
  --quarter-elev-poly-above-avg-fill-opacity: 0.5;

  --quarter-elev-avg-color: #3F51B5;
  --quarter-elev-avg-weight: 1.5;
  --quarter-elev-avg-opacity: 1;
  --quarter-elev-avg-fill-color: #3F51B5;
  --quarter-elev-avg-fill-opacity: 0.5;
}