/* Iceberg-inspired DARK theme tokens (App + CodeMirror + Viz)
   - Cold, calm, high-legibility dark theme
   - Enhanced for semantic clarity across SQL / JSON / YAML
   - Tokens only: no selectors besides :root
   app/static/css/themes/iceberg-dark.css
*/

:root{
  /* ==========================================================================
     A) APP / PAGE THEME TOKENS
     ========================================================================== */
  --bg:     #161821;
  --panel:  #1e2132;
  --input:  #1e2132;
  --border: #2c3147;

  --fg:     #c6c8d1;
  --muted:  #6b7089;

  --focus:  #84a0c6;

  --pad:    18px;
  --radius: 4px;

  --rail-w:  320px;
  --gap:     12px;
  --panel-pad: 14px;

  /* ==========================================================================
     B) CODEMIRROR THEME TOKENS
     ========================================================================== */

  /* B1) CodeMirror SURFACE / CHROME */
  --cm-fg:        var(--fg);
  --cm-muted:     var(--muted);
  --cm-surface:   var(--input);

  --cm-line:      rgba(198,200,209,0.04);
  --cm-selection: #272c42;
  --cm-cursor:    #c6c8d1;

  --cm-gutter:    rgba(198,200,209,0.55);
  --cm-gutter-br: var(--border);

  /* B2) CodeMirror SYNTAX TOKENS (SQL / general code) */
  --cm-keyword:   #84a0c6;              /* iceberg blue */
  --cm-fn:        #95c4ce;              /* bright cyan landmark */
  --cm-type:      #a093c7;              /* muted violet */
  --cm-string:    #b4be82;              /* moss green */
  --cm-number:    #e2a478;              /* warm amber */
  --cm-bool:      #e9b189;              /* slightly brighter scalar state */
  --cm-null:      #ada0d3;              /* special/absent value */
  --cm-comment:   #6b7089;
  --cm-operator:  #89b8c2;              /* quieter than function */
  --cm-punct:     rgba(198,200,209,0.72);
  --cm-name:      #c6c8d1;
  --cm-def:       #d2d4de;

  --cm-error:     #e27878;
  --cm-warning:   #e2a478;
  --cm-success:   #b4be82;

  /* B3) CodeMirror SYNTAX TOKENS (JSON / Legend editor) */
  --cm-json-key:    #d2d4de;
  --cm-json-string: #c0ca8e;
  --cm-json-number: #e2a478;
  --cm-json-bool:   #91acd1;
  --cm-json-null:   #ada0d3;
  --cm-json-punct:  rgba(198,200,209,0.56);

  /* Legend / JSON / YAML editor chrome */
  --legend-bg:        #1a1d2b;
  --legend-border:    #31364d;
  --legend-gutter:    rgba(198,200,209,0.44);
  --legend-selection: #272c42;

  /* YAML */
  --cm-yaml-key:     #d2d4de;
  --cm-yaml-string:  #c0ca8e;
  --cm-yaml-number:  #e2a478;
  --cm-yaml-bool:    #91acd1;
  --cm-yaml-null:    #ada0d3;
  --cm-yaml-punct:   rgba(198,200,209,0.64);
  --cm-yaml-atom:    #c8ccd8;

  /* ==========================================================================
     C) VIZ TOKENS (charts)
     ========================================================================== */
  --viz-accent: #84a0c6;

  --viz-bar-fill:     var(--viz-accent);
  --viz-line-stroke:  var(--viz-accent);
  --viz-point-fill:   var(--viz-accent);

  --viz-axis:       var(--muted);
  --viz-axis-line:  rgba(198,200,209,0.22);
  --viz-grid:       rgba(198,200,209,0.10);

  --viz-bg:       var(--panel);
  --viz-plot-bg:  rgba(0,0,0,0);
}