:root {
 
  --btn-bg: #cf8030;
  --btn-bg-hover: #b06a25;
  --btn-text: #ffffff;

  --heading-color: #1f2937;

  --method-active-bg: #ecfdf5;
  --method-active-border: #10b981;
  --method-active-text: #10b981;

  --method-bg: #ffffff;
  --method-border: #57b7f9;
  --method-text: #57b7f9;

   --bank-icon-color: #2563eb;

  /* ==============================
     BUTTON COLORS
  ============================== */


  /* ==============================
     CARD / CONTAINER
  ============================== */

  --card-bg: #ffffff;
  --card-border: #e5e7eb;
  --card-shadow: 0 6px 20px rgba(0,0,0,0.04);

  /* ==============================
     INPUT FIELDS
  ============================== */

  --input-border: #d1d5db;
  --input-focus: var(--color-primary);
  --input-bg: #ffffff;
  --input-text: #111827;
  --input-placeholder: #9ca3af;

  /* ==============================
     PAYMENT METHOD (ACTIVE)
  ============================== */

  

  /* ==============================
     ICON COLORS
  ============================== */

  --icon-color: #6b7280;
  --icon-active: #16a34a;
  --icon-inactive: #9ca3af;

  /* Bank Transfer Icon */
 

  /* Credit Card Icon */
  --card-icon-color: #6366f1;

  /* ==============================
     TEXT COLORS
  ============================== */

  
  --text-secondary: #6b7280;
  --text-muted: #9ca3af;

  /* ==============================
     SUMMARY / TOTAL
  ============================== */

  --total-color: #111827;
  --currency-color: #4b5563;

  /* ==============================
     BORDER RADIUS
  ============================== */

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;

  /* ==============================
     TRANSITIONS
  ============================== */

  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;

}

.btn-color{
    background-color: var(--btn-bg);
    color: var(--btn-text);
}

.heading-color{
     color: var(--heading-color);
}

.bank-icon-color{
     color: var(--bank-icon-color);
}

.method-text {
   color: var(--method-text);
}
.method-text.active {
   color: var(--method-active-text) !important;
   background: var(--method-active-bg) !important;
}