/* utilities.css */
:root {
  --primary1: #ec4899;          /* Pink-500 */
  --primary-dark1: #db2777;     /* Pink-600 */
  --text-primary1: #4b5563;     /* Gray-600 */
  --text-secondary1: #9ca3af;   /* Gray-400 */
  --bg-light1: #FFF1F2;         /* Rose-50 */
  --border-light1: #fcdde8;     /* Soft rose border */
  --white: #ffffff;
  --black: #000000;
  --radius-sm1: 12px;
  --radius-md1: 20px;
  --shadow-sm1: 0 1px 3px rgba(0, 0, 0, 0.05);
  --shadow-md1: 0 6px 12px rgba(0, 0, 0, 0.08);
}
  
  * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  body {
    color: var(--text-primary1);
    background-color: var(--bg-light1);
    line-height: 1.6;
  }
  
  a {
    color: inherit;
    text-decoration: none;
  }
  
  img {
    max-width: 100%;
    height: auto;
  }
  
  .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
  }
  
  .btn1 {
    display: inline-block;
    padding: 0.5rem 1.4rem;
    border-radius: var(--radius-sm1);
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s ease;
    border: none;
    text-decoration: none;
  }
  
  .btn-primary1 {
    background-color: var(--primary1);
    color: var(--white);
  }
  
  .btn-primary1:hover {
    background-color: var(--primary-dark1);
  }
  
  .text-muted {
    color: var(--text-secondary1);
  }
  /* Navigation Link Styles */
.nav-link {
    color: var(--text-primary1);
    font-weight: 500;
    padding: 0.5rem;
    transition: color 0.2s ease;
  }
  
  .nav-link:hover {
    color: var(--primary1);
  }