:root {
    /* ===== TYPOGRAPHY ===== */
    --font-base-size: 62.5%; /* 10px */
    
    /* Font Families */
    --font-primary: 'Playfair Display', serif;
    --font-secondary: 'DM Sans', sans-serif;
    --font-tertiary: 'Montserrat', sans-serif;
  
    /* ===== COLORS ===== */
    
    /* Primary Color Tokens */
    --pri-h: 310;
    --pri-s: 18%;
    
    /* Accent Color Tokens */
    --acc-h: 201;
    --acc-s: 15%;

     /* Tertiary Color Tokens */
    --ter-h: 270;
    --ter-s: 75%;

    /* Global Link Colors */
    a {
      color: #e899d0; /* Your link color */
    }

    a:hover {
      color: #bb6cd1; /* Hover color */
    }
    
    