/* ============================================================
   VIVI ALMADA — Design Tokens
   Source: Portal Vivi Almada design handoff
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&family=Inter:wght@300;400;500;600&display=swap');

/* Use OMGF plugin to serve these locally (LGPD compliance) */

:root {
  /* --- Colors --- */
  --burgundy:    #741316;
  --espresso:    #341A0D;
  --cream:       #FFFFF3;
  --beige:       #F3D8B5;
  --light-beige: #DCD6B2;
  --pink:        #EF8BA5;
  --red:         #CA1818;
  --terra:       #B15234;

  /* --- Typography --- */
  --font-serif:  'Playfair Display', Georgia, serif;
  --font-sans:   'Inter', system-ui, sans-serif;

  /* --- Type Scale (fluid) --- */
  --text-h1:     clamp(2.5rem, 7vw, 4.5rem);
  --text-h2:     clamp(2rem, 5vw, 3rem);
  --text-h3:     clamp(1.5rem, 3.5vw, 2rem);
  --text-h4:     clamp(1.25rem, 2.5vw, 1.5rem);
  --text-body:   1rem;
  --text-small:  0.875rem;
  --text-eyebrow: 0.75rem;

  /* --- Spacing --- */
  --sp-section: 6rem;
  --sp-block:   3rem;
  --sp-stack:   1.5rem;
  --sp-inline:  1rem;

  /* --- Border radius --- */
  --r-sm:   8px;
  --r-md:   16px;
  --r-lg:   24px;
  --r-xl:   32px;
  --r-2xl:  48px;
  --r-full: 9999px;

  /* --- Shadows --- */
  --shadow-card: 0 4px 12px rgba(60, 20, 10, 0.10);
  --shadow-lg:   0 12px 32px rgba(60, 20, 10, 0.14);
  --shadow-2xl:  0 25px 50px -12px rgba(60, 20, 10, 0.25);
  --shadow-glow: 0 0 30px rgba(239, 139, 165, 0.4);

  /* --- Transitions --- */
  --transition-fast:   150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow:   700ms ease;

  /* --- Layout --- */
  --container-max: 1280px;
  --container-px:  clamp(1rem, 5vw, 3rem);
}