:root {
       --miel: #d4ac0d;
      --primary: #D4A574;
      --primary-dark: #B8835A;
      --primary-light: #E8C9A8;
      --secondary: #2C1810;
      --accent: #F4A460;
      --text-dark: #2C1810;
      --text-light: #6B5D54;
      --bg-light: #FFF8F0;
      --bg-white: #FFFFFF;
      --honey-red: #E27D60;
      --border: #E8DDD0;
      --font-heading: 'Cormorant Garamond', serif;
      --font-body: 'Montserrat', sans-serif;
    }
    body {
        font-family: var(--font-body);
        background-color: var(--bg-light);
        color: var(--text-dark);
        margin: 2rem;
        line-height: 1.6;
    }
    h1,h2{
        font-family: var(--font-heading);
        color: var(--primary-dark);
        margin-bottom: 1rem;
    }
    p {
        margin-bottom: 0.5rem;
    }
    strong {
        color: var(--primary);
    }
    .legal-notice {
        max-width: 800px;
        margin: auto;
        padding: 2rem;
        background-color: var(--bg-white);
        border: 1px solid var(--border);
        border-radius: 8px;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
    nav {
        margin-bottom: 2rem;
        display: flex;
        align-items: center;
        justify-content: center
    }
    nav a {
        text-decoration: none;
        color: var(--primary);
        font-weight: bold;
        
    }
    nav a:hover {
        text-decoration: underline;
    }
    nav i {
        margin-left: 0.5rem;
        color: var(--primary);
    }