:root {
  /* Brand */

  --custom-color-primary: #0070d1;
  --custom-color-primary-dark: #0876d7;
  --custom-color-primary-hover: #066ac1;
  --custom-color-secondary: #191936;
  --custom-color-tertiary: #fff2b3;
  --custom-color-primary-hover: #005faf;

  /* Text */

  --custom-color-text: #111827;

  --custom-color-text-secondary: #374151;

  --custom-color-text-muted: #394150;

  --custom-color-text-soft: #364152;

  --custom-color-text-inverse: #ffffff;

  /* Backgrounds */

  --custom-color-bg: #ffffff;

  --custom-color-bg-soft: #f4f6f8;

  --custom-color-bg-dark: #0c0e12;

  --custom-color-surface: #ffffff;

  /* Borders */

  --custom-color-border: #d4dce6;
  --custom-color-border-hover: #b9c7d8;

  /* Status */

  --custom-color-success: #19b56b;

  --custom-color-success-soft: #e8fbf3;

  --custom-color-success-border: #9be5c3;

  /* Topbar */

  --custom-color-topbar-start: #294873;

  --custom-color-topbar-soft: #1d2d42;

  --custom-color-topbar-middle: #151a23;

  --custom-gradient-topbar: linear-gradient(
    90deg,
    var(--custom-color-topbar-start) 0%,

    var(--custom-color-topbar-soft) 24%,

    var(--custom-color-topbar-middle) 50%,

    var(--custom-color-topbar-soft) 76%,

    var(--custom-color-topbar-start) 100%
  );

  /* Featured */

  --custom-color-featured-start: #3499f2;

  --custom-color-featured-middle: #4c7de3;

  --custom-color-featured-end: #6654d7;

  --custom-gradient-featured: linear-gradient(
    90deg,
    var(--custom-color-featured-start) 0%,

    var(--custom-color-featured-middle) 50%,

    var(--custom-color-featured-end) 100%
  );

  --custom-gradient-featured-border: linear-gradient(
    180deg,
    #3499f2 0%,

    #408de9 35%,

    #596ddd 70%,

    #6654d7 100%
  );

  /* Transparent */

  --custom-color-white-03: rgba(255, 255, 255, 0.03);

  --custom-color-white-08: rgba(255, 255, 255, 0.08);

  --custom-color-white-10: rgba(255, 255, 255, 0.1);

  --custom-color-white-16: rgba(255, 255, 255, 0.16);

  --custom-color-white-18: rgba(255, 255, 255, 0.18);

  --custom-color-white-30: rgba(255, 255, 255, 0.3);

  --custom-color-white-88: rgba(255, 255, 255, 0.88);

  --custom-color-white-92: rgba(255, 255, 255, 0.92);

  /* Shadows */

  --custom-shadow-card: 0 16px 35px rgba(15, 23, 42, 0.08);

  --custom-shadow-featured:
    0 14px 30px rgba(59, 130, 246, 0.13), 0 0 22px rgba(99, 102, 241, 0.12);

  --mega-brand: #0070d1;
  --mega-brand-soft: rgba(0, 112, 209, 0.09);
  --mega-title: #141b2d;
  --mega-link: #4a5568;
  --mega-line: rgba(20, 27, 45, 0.09);

  /* Alto del header: ajústalo al real (o usa el JS opcional, que lo calcula solo) */
  --mega-header-h: 80px;

  /* Alto del panel. Pantalla completa por defecto.
     Si lo quieres más bajo: min(70vh, 600px), 60vh, auto, etc. */
  --mega-height: calc(100vh - var(--mega-header-h));
}


body #order-standard_cart .products .product footer .btn-order-now {
    background: var(--custom-color-primary) !important;
}

a#checkout {
    background: var(--custom-color-primary) !important;
}

button.btn.btn-block.btn-default:hover {
    background-color: var(--custom-color-bg-dark) !important;
}