/* ============================================================
   UTXO Suite — Brand Tokens (downloadable)
   https://www.utxosuite.com/brand-kit
   ============================================================ */

:root {
  /* Brand palette */
  --utxo-blue:      #0052FF;
  --utxo-blue-2:    #0040CC;
  --utxo-blue-3:    #E8F0FF;
  --utxo-purple:    #7C3AED;
  --utxo-green:     #05B169;
  --utxo-red:       #E53935;
  --utxo-gold:      #F5A623;
  --utxo-orange:    #FF6B00;
  --utxo-ink:       #0A0F1F;
  --utxo-ink-2:     #1E2340;
  --utxo-muted:     #6B7280;

  /* Product accents */
  --utxo-c-uxdoc:    #0052FF;
  --utxo-c-uxcel:    #16a34a;
  --utxo-c-uxslides: #7C3AED;
  --utxo-c-uxpdf:    #dc2626;
  --utxo-c-uxforms:  #d97706;
  --utxo-c-uxnotes:  #111827;
  --utxo-c-business: #0052FF;
  --utxo-c-wallet:   #0052FF;
  --utxo-c-guard:    #111827;

  /* Gradients */
  --utxo-grad-brand: linear-gradient(135deg, #0052FF 0%, #7C3AED 100%);
  --utxo-grad-dark:  linear-gradient(135deg, #050F1F 0%, #0A1A3A 100%);

  /* Typography */
  --utxo-font: -apple-system, BlinkMacSystemFont, "SF Pro Display",
               "Inter", "Segoe UI", Roboto, Arial, sans-serif;
  --utxo-font-mono: "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;

  /* Radii */
  --utxo-r-sm:  8px;
  --utxo-r-md:  14px;
  --utxo-r-lg:  20px;
  --utxo-r-xl:  28px;
  --utxo-r-pill: 999px;

  /* Shadows */
  --utxo-shadow-xs: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --utxo-shadow-sm: 0 4px 12px rgba(0,0,0,0.07), 0 2px 4px rgba(0,0,0,0.04);
  --utxo-shadow-md: 0 8px 28px rgba(0,82,255,0.10), 0 2px 8px rgba(0,0,0,0.06);
  --utxo-shadow-lg: 0 20px 60px rgba(0,82,255,0.14), 0 8px 24px rgba(0,0,0,0.08);
}