/* =============================================================
   PRESS — Theme Variables
   ============================================================= */

:root {
  /* Control Panel */
  --panel-bg: #f0f0f0;
  --panel-width-compact: 48px;
  --panel-width-expanded: 180px;
  --panel-border: #d4d4d4;
  --panel-icon-color: #555;
  --panel-icon-hover-bg: #e0e0e0;
  --panel-icon-active-bg: #d0d0d0;
  --panel-label-color: #444;
  --panel-separator: #ccc;

  /* Feature Box */
  --fbox-width: 320px;
  --fbox-bg: #fff;
  --fbox-border: #d4d4d4;
  --fbox-shadow: 2px 0 12px rgba(0,0,0,0.08);
  --fbox-header-border: #e0e0e0;
  --fbox-title-color: #222;
  --fbox-subtitle-color: #888;
  --fbox-close-color: #999;
  --fbox-close-hover: #333;

  /* Inspect Panel (right side) */
  --inspect-width: 340px;
  --inspect-bg: #fff;
  --inspect-border: #d4d4d4;
  --inspect-shadow: -2px 0 12px rgba(0,0,0,0.08);

  /* Tooltip */
  --tooltip-bg: #333;
  --tooltip-color: #fff;
  --tooltip-radius: 4px;

  /* Map */
  --map-bg: #7D9EB8;

  /* Layers list */
  --layer-item-border: #eee;
  --layer-item-hover: #f8f8f8;
  --layer-toggle-on: #3a86c9;
  --layer-toggle-off: #bbb;

  /* Search */
  --search-bg: #f5f5f5;
  --search-border: #ddd;
  --search-focus-border: #3a86c9;

  /* Info modal */
  --modal-overlay: rgba(0,0,0,0.4);
  --modal-bg: #fff;
  --modal-shadow: 0 8px 32px rgba(0,0,0,0.15);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;
}