:root {
    /* Primary Colors - Pink from logo */
    --color-primary: #ff3e8f;
    --color-primary-light: #ff6ba9;
    --color-primary-dark: #d9307a;
  
    /* Secondary Colors - Purple from logo */
    --color-secondary: #6b3bff;
    --color-secondary-light: #8f6aff;
    --color-secondary-dark: #4a28b0;
  
    /* Accent Colors - Cyan/Blue from logo */
    --color-accent: #00c2ff;
    --color-accent-light: #4dd2ff;
    --color-accent-dark: #0095c2;
  
    /* Highlight Colors - Orange from logo */
    --color-highlight: #ff7d3e;
    --color-highlight-light: #ff9e6b;
    --color-highlight-dark: #d95c28;
  
    /* Background Colors */
    --color-background: #ffffff;
    --color-background-dark: #f5f5f7;
  
    /* Text Colors */
    --color-text: #333333;
    --color-text-light: #666666;
    --color-text-muted: #999999;
  
    /* Gradients */
    --gradient-primary: linear-gradient(
      135deg,
      var(--color-accent) 0%,
      var(--color-primary) 50%,
      var(--color-highlight) 100%
    );
    --gradient-secondary: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%);
  }
  
  /* Button Styles */
  .btn-primary {
    background-color: var(--color-primary);
    color: white;
  }
  
  .btn-primary:hover {
    background-color: var(--color-primary-dark);
  }
  
  .btn-outline-primary {
    border-color: var(--color-primary);
    color: var(--color-primary);
  }
  
  .btn-outline-primary:hover {
    background-color: var(--color-primary);
    color: white;
  }
  
  /* Text Colors */
  .text-primary {
    color: var(--color-primary) !important;
  }
  
  .text-secondary {
    color: var(--color-secondary) !important;
  }
  
  .text-accent {
    color: var(--color-accent) !important;
  }
  
  .text-highlight {
    color: var(--color-highlight) !important;
  }
  
  /* Background Colors */
  .bg-primary {
    background-color: var(--color-primary) !important;
  }
  
  .bg-secondary {
    background-color: var(--color-secondary) !important;
  }
  
  .bg-accent {
    background-color: var(--color-accent) !important;
  }
  
  .bg-highlight {
    background-color: var(--color-highlight) !important;
  }
  
  .bg-gradient-primary {
    background: var(--gradient-primary) !important;
  }
  
  .bg-gradient-secondary {
    background: var(--gradient-secondary) !important;
  }
  
  /* Card Styles */
  .card.border-2[style*="border-color: #f48c00"] {
    border-color: var(--color-primary) !important;
  }
  
  /* Circle Elements */
  .circle {
    background-color: var(--color-primary);
  }
  
  /* WhatsApp Float Button
  .whatsapp_float {
    background-color: var(--color-accent);
  }
  
  .whatsapp_float:hover {
    background-color: var(--color-accent-dark);
  } */
  
  /* Notice Container */
  #notice-container {
    color: var(--color-highlight);
  }
  
  #ok-button {
    background-color: var(--color-highlight);
  }
  
  /* Pricing Cards */
  .card.bg-primary {
    background: var(--gradient-primary) !important;
  }
  
  .badge.bg-primary {
    background-color: var(--color-primary) !important;
  }