@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&family=Playfair+Display&display=swap');
:root {
    /* Colores base */
    --color-primary: #ffc700; /* Azul */
    --color-secondary: #10b981; /* Verde */
    --color-accent: #f59e0b; /* Amarillo */

    /* Intensidades de colores */
    --color-primary-50: #FAEDF8;
  --color-primary-100: #F5DCF2;
  --color-primary-200: #E3ACDB;
  --color-primary-300: #D483C5;
  --color-primary-400: #B33B99;
  --color-primary-500: #91066e;
  --color-primary-600: #82055F;
  --color-primary-700: #6E0348;
  --color-primary-800: #570235;
  --color-primary-900: #420125;


    --color-secondary-50: #FFFEF2;
    --color-secondary-100: #FFFCE6;
    --color-secondary-200: #FFF7BF;
    --color-secondary-300: #FFF099;
    --color-secondary-400: #FFDE4D;
    --color-secondary-500: #ffc700;
    --color-secondary-600: #E6AC00;
    --color-secondary-700: #BF8300;
    --color-secondary-800: #996100;
    --color-secondary-900: #734100;

    --color-accent-50: #fffbeb;
    --color-accent-100: #fef3c7;
    --color-accent-200: #fde68a;
    --color-accent-300: #fcd34d;
    --color-accent-400: #fbbf24;
    --color-accent-500: #f59e0b;
    --color-accent-600: #d97706;
    --color-accent-700: #b45309;
    --color-accent-800: #92400e;
    --color-accent-900: #78350f;

    --font-family-general: 'Montserrat', sans-serif;

    
}