/* ============================================================
   DataGOL brand tokens — drop into any HTML material.
   Colors are the ground truth extracted from DataGOL_logo.svg.
   ============================================================ */

:root{
  /* --- Core brand (from the logo, authoritative) --- */
  --dg-blue:      #2527D1;  /* gradient start (top-right) — electric blue */
  --dg-purple:    #6F06CC;  /* gradient end (bottom-left) — violet         */
  --dg-indigo:    #1D28D2;  /* wordmark / primary ink — headings, links    */
  --dg-on-brand:  #ffffff;  /* content sitting on the gradient / dark      */

  /* The DataGOL diagonal gradient (matches the logo tile direction) */
  --dg-gradient:  linear-gradient(225deg, var(--dg-blue) 0%, var(--dg-purple) 100%);

  /* --- Supporting neutrals (harmonized with the brand hue) --- */
  --dg-ink:       #141326;  /* near-black body text, indigo-tinted */
  --dg-ink-soft:  #3d3b52;  /* secondary text                      */
  --dg-muted:     #6b6879;  /* captions, labels                    */
  --dg-line:      #e7e6ef;  /* borders, dividers                   */
  --dg-line-soft: #f1f0f7;
  --dg-bg:        #ffffff;
  --dg-bg-tint:   #f7f7fc;  /* subtle panel background             */

  /* --- Brand tints (backgrounds, chips, highlights) --- */
  --dg-blue-tint:   #eef0ff;
  --dg-purple-tint: #f3ecff;

  /* --- Type --- */
  --dg-font: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

/* Helper: gradient text (for hero words / accent headings) */
.dg-gradient-text{
  background: var(--dg-gradient);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/* Helper: gradient fill surface (hero bands, callouts) */
.dg-gradient-fill{
  background: var(--dg-gradient);
  color: var(--dg-on-brand);
}