/* ============================================================
   CSS VARIABLES (CUSTOM PROPERTIES)
   ============================================================ */

:root {
  /* Backgrounds */
  --bg-primary:   #ffffff;
  --bg-secondary: #f5f5f5;
  --bg-tertiary:  #e8e8e8;
  --bg-active:    #d0d0d0;

  /* Text */
  --text-primary:   #111111;
  --text-secondary: #666666;
  --text-tertiary:  #999999;

  /* Borders */
  --border-primary:   #dddddd;
  --border-secondary: #cccccc;

  /* Status */
  --success: #5cd69d;
  --error:   #f25a5a;
  --warning: #fbca51;

  /* Accent */
  --accent-primary:    #9557b5;
  --accent-secondary:  #683d7f;
  --accent-foreground: #ffffff;
  --accent-muted:      rgba(149, 87, 181, 0.12);
  --accent-blue:       #41adff;
  --accent-green:      #4caf50;
  --accent-yellow:     #f39c12;
  --accent-red:        #f25a5a;

  /* Gradient (header) */
  --gradient-start: #3c856c;
  --gradient-2:     #60ecb4;
  --gradient-3:     #e390ff;
  --gradient-4:     #9557b5;

  /* Header decorative */
  --header-gradient-fade:  rgba(149, 87, 181, 0);
  --header-shadow-strong:  rgba(119, 70, 145, 1);
  --header-shadow-soft:    rgba(119, 70, 145, 0.8);
  --header-nav-active-border: rgba(255, 255, 255, 0.6);

  /* Search error block */
  --search-error-bg:     #fff0f0;
  --search-error-border: #cc0000;
  --search-error-color:  #cc0000;

  /* System / terminal panel (dark surfaces) */
  --sys-bg-surface:   #242424;
  --sys-bg-deep:      #0d0d0d;
  --sys-bg-panel:     #1a1a1a;
  --sys-border:       #555555;
  --sys-border-deep:  #333333;
  --sys-border-hover: #888888;
  --sys-text-dim:     #969696;
  --sys-text-bright:  #e8e8e8;
  --sys-text-body:    #bbbbbb;
  --sys-overlay:      rgba(255, 255, 255, 0.03);

  /* System syntax highlight */
  --sys-syntax-comment:   #666666;
  --sys-syntax-directive: #7eb8f7;
  --sys-syntax-block:     #d4a0ff;
  --sys-syntax-value:     #e2c08d;
  --sys-syntax-location:  #79dac8;
  --sys-syntax-notice:    #a0c8ff;
  --sys-syntax-crit:      #ff7070;

  /* Muted alpha overlays — derived from semantic tokens */
  --success-muted-bg:     rgba(92,  214, 157, 0.12);
  --success-muted-border: rgba(92,  214, 157, 0.35);
  --warning-muted-bg:     rgba(251, 202,  81, 0.12);
  --warning-muted-border: rgba(251, 202,  81, 0.35);
  --error-muted-bg:       rgba(242,  90,  90, 0.12);
  --error-muted-border:   rgba(242,  90,  90, 0.35);
  --blue-muted-bg:        rgba(65,  173, 255, 0.12);
  --blue-muted-border:    rgba(65,  173, 255, 0.30);
  --blue-muted-bg-hover:  rgba(65,  173, 255, 0.22);
  --yellow-muted-bg:      rgba(243, 156,  18, 0.12);
  --yellow-muted-border:  rgba(243, 156,  18, 0.30);
  --yellow-muted-bg-hover:rgba(243, 156,  18, 0.22);
  --green-muted-bg:       rgba(76,  175,  80, 0.12);
  --green-muted-border:   rgba(76,  175,  80, 0.30);
  --green-muted-bg-hover: rgba(76,  175,  80, 0.22);
  --danger-border-muted:  rgba(242,  90,  90, 0.35);
}