/* ==============================================
   MAP LAYER STYLES
   
   Define layer styles using CSS custom properties.
   Layer keys from layers.json map to variable prefixes:
   --layer-{layerKey}-{property}
   ============================================== */

:root {
    /* 12 NM Boundary (territorialSea) */
    --layer-territorialSea-color: #ff7800;
    --layer-territorialSea-weight: 1;
    --layer-territorialSea-fillOpacity: 0.4;

    /* 200NM EEZ Boundary (EEZ) */
    --layer-EEZ-color: #2563eb;
    --layer-EEZ-weight: 1;
    --layer-EEZ-fillOpacity: 0.3;

    /* 3NM State Boundary (stateSubmergedLands) */
    --layer-stateSubmergedLands-color: #16a34a;
    --layer-stateSubmergedLands-weight: 1;
    --layer-stateSubmergedLands-fillOpacity: 0;

    /* Active State Mining Claims */
    --layer-stateMiningClaims-color: #8b8b8b;
    --layer-stateMiningClaims-weight: 1;
    --layer-stateMiningClaims-fillOpacity: 0.5;

    /* Default fallback styles for any layer without specific CSS */
    --layer-default-color: #3388ff;
    --layer-default-weight: 1;
    --layer-default-fillOpacity: 0;
}