:root {
  /* Colors — Blush + Rosa coral + Lavanda (girly / moderno) */
  --color-primary: #EE6C9E;
  --color-primary-dark: #D14A81;
  --color-primary-light: #F7A6C7;
  --color-primary-muted: #F6C7DC;
  --color-primary-subtle: #FDEBF2;

  --color-bg: #FCF6F8;
  --color-surface: #FFFFFF;
  --color-surface-alt: #F8EEF3;

  --color-border: #F0D9E3;
  --color-border-light: #F7E9EF;

  --color-text: #3C2536;
  --color-text-secondary: #7C6070;
  --color-text-muted: #B398A6;

  --color-accent: #E0A64B;
  --color-accent-light: #EDC078;
  --color-accent-subtle: #FBF0DC;

  /* Acentos temáticos de viaje */
  --color-lavender: #A98FE0;
  --color-lavender-bg: #EFEAFA;
  --color-sky: #63AFD6;
  --color-sky-bg: #E4F1F8;
  --color-mint: #52C2A0;
  --color-mint-bg: #E1F5EE;
  --color-peach: #F3A377;
  --color-peach-bg: #FCEBDF;

  --color-success: #3FA98A;
  --color-warning: #D98E3C;
  --color-danger: #D2565B;
  --color-info: #5B9BC4;

  --color-success-bg: #E3F4EE;
  --color-warning-bg: #FaEEDC;
  --color-danger-bg: #FaE5E6;
  --color-info-bg: #E4EFF6;

  /* Gradientes */
  --gradient-hero: linear-gradient(135deg, #F7A6C7 0%, #A98FE0 100%);
  --gradient-soft: linear-gradient(135deg, #FDEBF2 0%, #EFEAFA 100%);
  --gradient-sun: linear-gradient(135deg, #F7A6C7 0%, #F3A377 100%);

  /* Typography */
  --font-sans: 'Poppins', system-ui, -apple-system, sans-serif;
  --font-display: 'Fraunces', 'Georgia', serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-3xl: 1.875rem;
  --text-4xl: 2.25rem;

  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;

  --leading-tight: 1.25;
  --leading-normal: 1.5;
  --leading-relaxed: 1.75;

  /* Spacing */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;

  /* Borders */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --radius-xl: 22px;
  --radius-full: 9999px;

  --border-width: 1px;
  --border: 1px solid var(--color-border);
  --border-light: 1px solid var(--color-border-light);

  /* Shadows — con tinte rosa */
  --shadow-xs: 0 1px 2px rgba(209,74,129,0.05);
  --shadow-sm: 0 2px 8px rgba(209,74,129,0.07), 0 1px 2px rgba(60,37,54,0.04);
  --shadow-md: 0 8px 24px rgba(209,74,129,0.10), 0 2px 6px rgba(60,37,54,0.05);
  --shadow-lg: 0 16px 40px rgba(169,143,224,0.16), 0 6px 12px rgba(60,37,54,0.06);
  --shadow-glow: 0 8px 28px rgba(238,108,158,0.28);

  /* Layout */
  --sidebar-width: 248px;
  --topbar-height: 64px;
  --content-max: 1200px;

  /* Transitions */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;
  --transition-slow: 320ms ease;
}