/* ============================================================
   Block Infrastructure — Brand Asset Tokens
   Generated from brand guidelines v2.5
   ============================================================ */

:root {
  /* ── Product: BlockID (identity · jade) ───────────────── */
  --blockid-deep:  #0F6E56;
  --blockid-solid: #5DCAA5;
  --blockid-soft:  #E1F5EE;

  /* ── Product: BlockPay (compliance · blue) ────────────── */
  --blockpay-deep:  #185FA5;
  --blockpay-solid: #85B7EB;
  --blockpay-soft:  #E6F1FB;

  /* ── Product: BlockTravel (payments · teal) ───────────── */
  --blocktravel-deep:  #007A8C;
  --blocktravel-solid: #66D4E8;
  --blocktravel-soft:  #E0F7FA;

  /* ── Product: BlockSettle (settlement · violet) ───────── */
  --blocksettle-deep:  #534AB7;
  --blocksettle-solid: #AFA9EC;
  --blocksettle-soft:  #EEEDFE;

  /* ── Brand accents ────────────────────────────────────── */
  --electric:      #006B82;
  --electric-dim:  #00A8CC;
  --ember:         #CC4A1A;
  --jade:          #007A5A;
  --violet:        #5B3FD0;

  /* ── Neutral scale ────────────────────────────────────── */
  --ink:      #0D1117;
  --graphite: #1A2030;
  --pale:     #2D3548;
  --silver:   #4A5468;
  --ash:      #7A8499;
  --fog:      #B0B7C6;
  --mist:     #E0E3EA;
  --slate:    #EEF0F4;
  --surface:  #F7F8FA;
  --white:    #FFFFFF;

  /* ── Type ─────────────────────────────────────────────── */
  --font-display: 'Montserrat', sans-serif;
  --font-body:    'Montserrat', sans-serif;
  --font-mono:    'DM Mono', monospace;

  /* ── Icon system ──────────────────────────────────────── */
  --icon-grid:       48;     /* viewBox */
  --icon-padding:    4;      /* outer inset */
  --icon-radius:     8;      /* outer corner */
  --icon-stroke:     1.5;    /* default stroke */
  --icon-inner-pad:  10;     /* glyph inset */

  /* ── Radii ────────────────────────────────────────────── */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-pill: 9999px;

  /* ── Spacing ──────────────────────────────────────────── */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* ── Elevation ────────────────────────────────────────── */
  --shadow-sm: 0 1px 2px rgba(13,17,23,0.04);
  --shadow-md: 0 4px 12px rgba(13,17,23,0.06);
  --shadow-lg: 0 12px 32px rgba(13,17,23,0.08);
  --shadow-glow-electric: 0 8px 24px rgba(0,107,130,0.18);
}