/* ==========================================================================
   AK FACTORY OUTLET - THEME SYSTEM
   ==========================================================================
   Matching Brand Logo Palette:
     - Royal Peacock Blue:    #0062B8
     - Emerald Peacock Green: #00A878
     - Lime Light Green:      #9DC63B
     - Crisp White:           #FFFFFF
     - Festive Sunny Yellow:  #FFB703
   ========================================================================== */

:root {
  --ak-blue: #0062B8;
  --ak-blue-deep: #00488A;
  --ak-blue-dark: #003366;
  --ak-blue-light: #F0F7FE;
  --ak-blue-50: #EFF6FF;
  --ak-blue-100: #DBEAFE;
  --ak-blue-200: #BFDBFE;
  --ak-blue-glow: rgba(0, 98, 184, 0.35);

  --ak-green: #00A878;
  --ak-green-deep: #047857;
  --ak-green-light: #ECFDF5;
  --ak-green-50: #F0FDF4;
  --ak-green-100: #D1FAE5;
  --ak-green-200: #A7F3D0;
  --ak-green-glow: rgba(0, 168, 120, 0.35);

  --ak-lime: #9DC63B;
  --ak-lime-deep: #8EC038;
  --ak-lime-light: #F7FEE7;
  --ak-lime-glow: rgba(157, 198, 59, 0.40);

  --ak-white: #FFFFFF;
  --ak-canvas: #F8FAFC;
  --ak-surface: #FFFFFF;
  --ak-surface-alt: #F1F5F9;
  --ak-surface-ice: #F0F7FE;

  --ak-yellow: #FFB703;
  --ak-yellow-deep: #F59E0B;
  --ak-yellow-light: #FFFBEB;
  --ak-gold: #FFB703;
  --ak-gold-deep: #F59E0B;
  --ak-gold-glow: rgba(255, 183, 3, 0.45);

  --ak-ink: #0C2340;
  --ak-ink-light: #1E293B;
  --ak-muted: #475569;
  --ak-muted-2: #64748B;
  --ak-border: rgba(0, 98, 184, 0.12);
  --ak-border-subtle: rgba(0, 0, 0, 0.07);

  --ak-grad-brand: linear-gradient(135deg, #0062B8 0%, #00A878 100%);
  --ak-grad-brand-h: linear-gradient(90deg, #0062B8 0%, #00A878 50%, #9DC63B 100%);
  --ak-grad-cta: linear-gradient(135deg, #00A878 0%, #008760 100%);
  --ak-grad-blue: linear-gradient(135deg, #0062B8 0%, #00488A 100%);
  --ak-grad-gold: linear-gradient(135deg, #FFB703 0%, #F59E0B 100%);
  --ak-grad-ice: linear-gradient(180deg, #FFFFFF 0%, #F0F7FE 100%);
  --ak-grad-hero: linear-gradient(135deg, #00488A 0%, #0062B8 48%, #008760 100%);

  /* Legacy theme aliases */
  --green: #00A878;
  --green-deep: #047857;
  --green-lime: #9DC63B;
  --green-50: #F0FDF4;
  --green-100: #D1FAE5;
  --blue: #0062B8;
  --blue-deep: #00488A;
  --blue-dark: #003366;
  --blue-50: #EFF6FF;
  --blue-100: #DBEAFE;
  --gold: #FFB703;
  --gold-deep: #F59E0B;
  --white: #FFFFFF;
  --ink: #0C2340;
  --ak-teal: #00A878;
  --violet: #0062B8;
  --violet-deep: #00488A;
  --violet-light: #00A878;
  --violet-50: #EFF6FF;
  --violet-100: #DBEAFE;
}

body {
  background: #F8FAFC !important;
  color: #1E293B;
  font-family: 'Poppins', sans-serif;
}

a {
  color: #0062B8;
  transition: all 0.25s ease;
}
a:hover {
  color: #00A878;
}

/* Interaction transitions */
.navbar .main-menu a,
.navbar .nav-circle-cart,
.navbar .login-text,
.btn-orange,
.bs-buy-btn,
.prod-add-cart,
.quick-shop-btn,
.order-checkout,
.pfc-checkout,
.bill-checkout-btn,
.mcm-checkout,
.mcm-checkout-btn,
.bcs-checkout-btn,
.cs-btn,
.cart-empty a,
.cm-submit,
.btn-enq-submit,
.checkout-btn,
.edit-checkout-btn,
.pf-submit,
.btn-submit,
.btn-primary,
.btn-directions,
.combo-modal-add-btn,
.combo-view-btn,
.admin-form-btn,
.cat-add-btn,
.brand-add-btn,
.cart-float,
.floating-cart {
  transition: all 0.28s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}