/* ============================================================
   GIBS Foundation — design tokens + base
   The single source of truth for the redesign. Components read
   ONLY from these variables — no component hardcodes a hex.

   IMPORTANT: mirror these values into
   Kadence > Customize > Global Palette + Typography
   so native Kadence blocks the client uses stay on-system.
   A foundation that doesn't own the global palette isn't one.
   ============================================================ */
:root{
  /* color */
  --gibs-blue:#00b8d0;
  --gibs-green:#19C37D;
  --gibs-green-2:#1fd0c0;        
  --gibs-green-dim:#0f7a4f;
  --gibs-ink-900:#060a14;
  --gibs-ink-800:#0a0e1a;
  --gibs-ink-700:#0d1424;
  --gibs-paper:#f1f6f8;            /* light section background */
  --gibs-text:#e8edf4;             /* text on dark */
  --gibs-text-ink:#0d1424;         /* text on light */
  --gibs-muted:#a7b4c7; /*#8a97ab;*/
  --gibs-muted-ink:#5a6577;
  --gibs-line:rgba(255,255,255,.10);
  --gibs-line-2:rgba(25,195,125,.28);
  --gibs-line-ink:rgba(13,20,36,.10);
  --gibs-grad:linear-gradient(90deg,var(--gibs-green-2),var(--gibs-green));
  --gibs-grad-2: linear-gradient(270deg, rgba(0, 212, 134, 1) 0%, rgba(0, 184, 208, 1) 100%);
  --gibs-grad-2-reverse: linear-gradient(270deg, rgb(2 156 176) 0%, rgb(0 193 122) 100%);
  --gibs-grad-3:linear-gradient(270deg,rgba(140, 205, 43, 1) 0%, rgba(22, 193, 134, 1) 50%, rgba(4, 158, 177, 1) 100%);

  /* type */
  --gibs-font-display: var(--global-heading-font-family, "Magistral", Helvetica, Arial, sans-serif);
  --gibs-font-body:    var(--global-body-font-family, Roboto, Helvetica, Arial, sans-serif);
  --gibs-font-mono:"Space Mono",ui-monospace,monospace;

  /* rhythm */
  --gibs-maxw:1240px;
  --gibs-radius:14px;
}

.gibs-section{font-family:var(--gibs-font-body);color:var(--gibs-text-ink)}
.gibs-section *{box-sizing:border-box}
.gibs-eyebrow{font-family:var(--gibs-font-display);font-size:14px;display:flex;align-items:center;gap:12px;letter-spacing:.18em;
  text-transform:uppercase;color:#05b0a6;;margin:0 0 18px;font-weight: 600;}
 .gibs-eyebrow::after {
      content: "";
      width: 28px;
      height: 1px;
      background: #05b0a6;
  }