/* Coordinate System Theme Variables */
:root {
  /* Grid Colors */
  --coord-grid-line-color: #ddd;
  --coord-axis-line-color: #333;
  --coord-grid-background: white;
  --coord-grid-border: #ccc;
  
  /* Grid Line Widths */
  --coord-grid-line-width: 1px;
  --coord-axis-line-width: 2px;
  --coord-grid-border-width: 1px;
  
  /* Label Colors */
  --coord-label-color: #586069;
  --coord-axis-label-color: #d73a49;
  --coord-label-font-size: 11px;
  --coord-axis-title-font-size: 14px;
  
  /* Kernel Colors */
  --coord-kernel-cell-fill: rgba(255, 0, 0, 0.3);
  --coord-kernel-cell-stroke: red;
  --coord-kernel-cell-stroke-width: 2px;
  
  --coord-kernel-center-fill: rgba(255, 193, 7, 0.8);
  --coord-kernel-center-stroke: #FF8F00;
  --coord-kernel-center-stroke-width: 3px;
  
  --coord-kernel-special-fill: rgba(138, 43, 226, 0.8);
  --coord-kernel-special-stroke: #6f42c1;
  --coord-kernel-special-stroke-width: 4px;
  
  /* Processing Area */
  --coord-processing-area-fill: rgba(76, 175, 80, 0.1);
  --coord-processing-area-stroke: #4CAF50;
  --coord-processing-area-stroke-width: 2px;
  --coord-processing-area-dash: 5,5;
  --coord-processing-label-color: #2E7D32;
  --coord-processing-label-font-size: 12px;
  
  /* Info Panels */
  --coord-panel-border: #ddd;
  --coord-panel-background: #f9f9f9;
  --coord-panel-border-width: 1px;
  --coord-panel-padding: 10px;
  --coord-panel-gap: 20px;
  --coord-panel-margin-top: 10px;
  
  /* Log Display */
  --coord-log-font-family: monospace;
  --coord-log-font-size: 12px;
  --coord-log-height: 120px;
  
  /* Buttons */
  --coord-button-primary-bg: #007bff;
  --coord-button-primary-color: white;
  --coord-button-secondary-bg: #6f42c1;
  --coord-button-secondary-color: white;
  --coord-button-border-radius: 4px;
  --coord-button-padding: 8px 16px;
  --coord-button-margin: 10px;
  
  /* Interactive Elements */
  --coord-cursor-move: move;
  --coord-cursor-pointer: pointer;
  
  /* Implementation Elements */
  --coord-dot-color: #FF6F00;
  
  /* Typography */
  --coord-title-margin: 0 0 10px 0;
  --coord-info-font-size: 12px;
  --coord-info-color: #666;
}

/* Theme: Dark Mode */
[data-d3-theme="dark"] {
  --coord-grid-line-color: #444;
  --coord-axis-line-color: #fff;
  --coord-grid-background: #1a1a1a;
  --coord-grid-border: #555;
  
  --coord-label-color: #ccc;
  --coord-axis-label-color: #ff6b6b;
  
  --coord-panel-border: #555;
  --coord-panel-background: #2a2a2a;
  
  --coord-info-color: #ccc;
}

/* Theme: High Contrast */
[data-d3-theme="high-contrast"] {
  --coord-grid-line-color: #000;
  --coord-axis-line-color: #000;
  --coord-grid-background: #fff;
  --coord-grid-border: #000;
  
  --coord-grid-line-width: 2px;
  --coord-axis-line-width: 3px;
  --coord-grid-border-width: 2px;
  
  --coord-label-color: #000;
  --coord-axis-label-color: #000;
  
  --coord-kernel-cell-stroke-width: 3px;
  --coord-kernel-center-stroke-width: 4px;
  --coord-kernel-special-stroke-width: 5px;
}

/* Theme: Minimal */
[data-d3-theme="minimal"] {
  --coord-grid-line-color: #f0f0f0;
  --coord-axis-line-color: #666;
  --coord-grid-background: #fafafa;
  --coord-grid-border: #e0e0e0;
  
  --coord-panel-background: #ffffff;
  --coord-panel-border: #e0e0e0;
  
  --coord-processing-area-fill: rgba(0, 123, 255, 0.05);
  --coord-processing-area-stroke: #007bff;
}