/*GLOBAL FONTS*/
@import url("https://fonts.googleapis.com/css2?family=Ubuntu+Mono&display=swap");

:root {

  /* -----------------------------------------------------
     CORE SURFACES (graphite / neutral dark)
  ----------------------------------------------------- */

  --gb-surface-canvas: #0e0f11;        /* almost black, not pure */
  --gb-surface-nav:    #14161a;        /* sidebar graphite */
  --gb-surface-panel:  #121212;        /* execution panels */
  --gb-surface-panel-soft: #222631;    /* hover / active */
  --gb-surface-header:#1b1e24;       /* headers / footers */
  --gb-surface-hover: rgb(27 30 36);        /* hover surface */
  /* -----------------------------------------------------
     CANVAS GRADIENT (VERY subtle)
  ----------------------------------------------------- */

  --gb-canvas-bg-start: #0e0f11;
  --gb-canvas-bg-end:   #13161c;


  /* -----------------------------------------------------
     TYPOGRAPHY — VS CODE READABILITY
  ----------------------------------------------------- */

  --gb-text-primary:   #e6e8eb;         /* off-white, eye-safe */
  --gb-text-secondary: #b7bcc5;         /* comments / body */
  --gb-text-muted:     #7d828c;         /* labels / inactive */


  /* -----------------------------------------------------
     NAVIGATION TEXT
  ----------------------------------------------------- */

  --gb-nav-text:        #c9cdd4;
  --gb-nav-text-muted: #8b909a;
  --gb-nav-text-active:#ffffff;


  /* -----------------------------------------------------
     BORDERS & DIVIDERS (neutral, not blue)
  ----------------------------------------------------- */

  --gb-border-subtle:  rgba(255,255,255,0.08);
  --gb-border-strong:  rgba(255,255,255,0.16);
  --gb-border-active:  rgb(255 255 255 / 55%);

  /* -----------------------------------------------------
     ACCENTS (Chromatic, YOU-focused)
     These now POP more against neutral dark
  ----------------------------------------------------- */

  --gb-accent-primary: #339482;   /* mint / action */
  --gb-accent-info:    #4fc3f7;   /* info / links */
  --gb-accent-focus:   #a6b1ff;   /* focus / selection */


  /* -----------------------------------------------------
     SHADOWS (soft, realistic)
  ----------------------------------------------------- */

  --gb-shadow-soft:
    0 6px 18px rgba(0, 0, 0, 0.345);

  --gb-shadow-deep:
    0 24px 64px rgba(0,0,0,0.75);


  /* -----------------------------------------------------
     RADII
  ----------------------------------------------------- */

  --gb-radius-sm: 10px;
  --gb-radius-md: 12px;
  --gb-radius-lg: 14px;


  /* -----------------------------------------------------
     SCROLLBARS (VS Code-like)
  ----------------------------------------------------- */

  --gb-scrollbar-thumb: rgba(255,255,255,0.18);
  --gb-scrollbar-thumb-hover: rgba(255,255,255,0.32);

    /* -----------------------------------------------------
     MICRO ACCENTS — SKY BLUE (DISCRETE, STRIPE-LIKE)
  ----------------------------------------------------- */

  --gb-accent-sky:        #6bbcff;  /* primary micro-accent */
  --gb-accent-sky-soft:   rgba(107,188,255,0.35);
  --gb-accent-sky-faint:  rgba(107,188,255,0.18);

  /* Used ONLY for:
     - thin borders
     - focus outlines
     - chevrons
     - separators
  */
    /* -----------------------------------------------------
     AI MODULE
  ----------------------------------------------------- */
   --gb-ai-bubble-backg:linear-gradient(180deg,#13151a,#1b1e24);
   
   /* =====================================================
      MARKDOWN / DOCUMENTATION (DARK ACADEMIC)
      Scope: Learn Mode, Methods, Publications
   ===================================================== */

   /* Text */
   --gb-md-text-primary:    #e6e8eb;   /* main body */
   --gb-md-text-secondary:  #b7bcc5;   /* paragraphs */
   --gb-md-text-muted:      #8a8f99;   /* notes, captions */

   /* Headings */
   --gb-md-heading-main:    #f2f4f6;   /* h1 */
   --gb-md-heading-sub:     #d6dae0;   /* h2 */
   --gb-md-heading-minor:   #aeb4bf;   /* h3 / h4 */

   /* Dividers */
   --gb-md-divider:         rgba(255,255,255,0.14);
   --gb-md-divider-soft:    rgba(255,255,255,0.06);

   /* Links (academic blue, desaturated) */
   --gb-md-link:            #8fb3ff;
   --gb-md-link-underline:  rgba(143,179,255,0.35);

   /* Quotes / Callouts */
   --gb-md-quote-border:    rgba(143,179,255,0.45);
   --gb-md-quote-bg:        rgba(255,255,255,0.035);

   /* Code */
   --gb-md-code-bg:         rgba(255,255,255,0.06);
   --gb-md-pre-bg:          rgba(255,255,255,0.04);
   --gb-md-code-text:       #e8ecf2;

   /* Tables */
   --gb-md-table-header:    rgba(255,255,255,0.06);
   --gb-md-table-border:    rgba(255,255,255,0.12);

   /* =====================================================
      ROW NAMER PANEL
   ===================================================== */
}


/* =========================================================
   END OF DESIGN TOKENS
========================================================= */