/* Lavandery — Sistema visual */

@font-face {
  font-family: 'Capriola';
  src: url('/fonts/Capriola-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Manrope';
  src: url('/fonts/Manrope-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Paleta oficial (extraída dos SVGs do logotipo) */
  --lav-deep: #654ABA;     /* roxo profundo — principal do logo */
  --lav: #8C65E6;          /* roxo médio */
  --lav-soft: #C5AFF7;     /* lavanda claro */
  --lav-mist: #EFE9FF;     /* lavanda pálido (backgrounds) */
  --lav-fog:  #F7F4FF;     /* fundo quase branco */

  --cream: #FBF7EE;        /* off-white creme */
  --paper: #FFFFFF;

  --ink: #1B1440;          /* texto principal */
  --graphite: #4A4560;     /* texto secundário */
  --muted: #8A8399;        /* texto terciário / legendas */

  --sage: #B3D689;         /* verde folha da lavanda — accent */
  --sage-deep: #7FB35C;

  --danger: #E5484D;
  --success: #30A46C;

  /* Tipografia */
  --font-display: 'Capriola', Georgia, 'Times New Roman', serif;
  --font-sans: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Escala tipográfica (artboard 1440) */
  --t-hero: 128px;
  --t-h1: 88px;
  --t-h2: 56px;
  --t-h3: 40px;
  --t-h4: 28px;
  --t-eyebrow: 12px;
  --t-body-l: 22px;
  --t-body: 18px;
  --t-small: 14px;
  --t-micro: 11px;

  /* Espaçamento base */
  --pad-x: 96px;
  --pad-y: 120px;
  --radius: 20px;
  --radius-lg: 32px;
  --radius-sm: 12px;

  /* Sombras */
  --shadow-1: 0 4px 16px rgba(27, 20, 64, 0.06);
  --shadow-2: 0 12px 40px rgba(27, 20, 64, 0.10);
  --shadow-3: 0 24px 64px rgba(76, 47, 204, 0.14);
}

/* Reset leve escopado */
.lav-root, .lav-root *,
.lav-root *::before, .lav-root *::after { box-sizing: border-box; }

.lav-root {
  font-family: var(--font-sans);
  color: var(--ink);
  font-size: var(--t-body);
  font-weight: 400;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  background: var(--cream);
}

.lav-root img { display: block; max-width: 100%; }
.lav-root button { font-family: inherit; }
.lav-root input, .lav-root select, .lav-root textarea {
  font-family: inherit; font-size: inherit; color: inherit;
}

/* Tipografia utilitária */
.lav-eyebrow {
  font-family: var(--font-sans);
  font-size: var(--t-eyebrow);
  letter-spacing: 0.28em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--lav);
}

.lav-display {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 1.05;
  color: var(--ink);
}

.lav-lede {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: var(--t-body-l);
  line-height: 1.5;
  color: var(--graphite);
}