// edit-info.page.scss

ion-header {
    --background: var(--ion-color-primary);
    --color: white;
    ion-title {
      font-weight: bold;
    }
    ion-back-button {
      color: white;
    }
  }
  
  ion-content {
    --padding-top: 1rem;
    --padding-bottom: 1rem;
    --padding-start: 1rem;
    --padding-end: 1rem;
    background-color: #f0f0f5;
  }
  
  ion-card {
    margin-top: 2rem;
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  ion-card-title {
    font-size: 1.2rem;
    font-weight: bold;
    color: var(--ion-color-primary);
  }
  
  ion-card-content {
    ion-item {
      --inner-padding: 8px;
      --highlight-color-focused: var(--ion-color-primary);
    }
    ion-label {
      color: var(--ion-color-medium);
      font-size: 0.9rem;
    }
  }
  
  ion-button {
    margin: 1rem;
    border-radius: 20px;
    font-size: 1rem;
    font-weight: bold;
  }
  
  ion-footer {
    ion-toolbar {
      background: var(--ion-color-primary);
      --color: white;
      ion-button {
        --background: var(--ion-color-secondary);
        --background-activated: var(--ion-color-secondary-shade);
        --background-focused: var(--ion-color-secondary-shade);
        --background-hover: var(--ion-color-secondary-tint);
      }
      ion-button[color="medium"] {
        --background: var(--ion-color-medium);
      }
    }
  }
  