:root {
        --primary: #be123c;
        --secondary: #e11d48;
        --accent: #0f766e;
        --light: #fff7f8;
        --dark: #1f2937;
        --warning: #f59e0b;
        --danger: #dc2626;
        --medical-red: #e11d48;
        --medical-red-dark: #be123c;
        --medical-red-soft: #fff1f2;
        --medical-line: rgba(225, 29, 72, 0.14);
        --medical-shadow: 0 18px 45px rgba(190, 18, 60, 0.1);
      }

      body {
        font-family: "Poppins", sans-serif;
        background:
          radial-gradient(circle at top left, rgba(225, 29, 72, 0.08), transparent 28rem),
          linear-gradient(135deg, #ffffff 0%, var(--light) 100%);
        color: var(--dark);
        min-height: 100vh;
        display: flex;
        flex-direction: column;
      }

      .gradient-text {
        background: linear-gradient(to right, var(--medical-red), var(--medical-red-dark));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      .btn-primary {
        background-color: var(--medical-red);
        border-color: var(--medical-red);
      }

      .btn-primary:hover {
        background-color: var(--medical-red-dark);
        border-color: var(--medical-red-dark);
      }

      .btn-secondary {
        background-color: #1f2937;
        border-color: #1f2937;
      }

      .btn-secondary:hover {
        background-color: #111827;
        border-color: #111827;
      }

      .card,
      .dashboard-container,
      .form-container,
      .testimonial-card,
      .feature-card {
        border: 1px solid var(--medical-line) !important;
        box-shadow: var(--medical-shadow) !important;
      }

      .card-header {
        background: linear-gradient(135deg, var(--medical-red), var(--medical-red-dark)) !important;
        color: #fff !important;
        border-bottom: 0 !important;
      }

      .badge.bg-primary,
      .bg-primary {
        background-color: var(--medical-red) !important;
      }

      .text-primary {
        color: var(--medical-red) !important;
      }

      .emergency-banner {
        background-color: var(--danger);
        color: white;
        padding: 0.75rem;
        font-weight: 600;
      }

      .emergency-banner a {
        color: white;
        text-decoration: underline;
      }