/* ==========================================================================
   Laghetto Golden Multipropriedades · Design System — Tokens
   Três bandeiras, extraídas dos books oficiais (assets/pdf/books):
     - Stilo       → Laghetto Stilo Borges, Laghetto Stilo Altos da Borges
     - Resort      → Laghetto Resort Golden, Laghetto Resort Villagio
     - Collection  → Château Laghetto Collection, Riserva Laghetto Collection
   Aplicação: <html data-brand="stilo | resort | collection">
   ========================================================================== */

/* Sweet Sans Pro é fonte comercial (Mark Simonson). Coloque os arquivos
   licenciados em assets/fonts/ e eles passam a ser usados automaticamente;
   enquanto isso, o fallback é Montserrat. */
@font-face {
  font-family: "Sweet Sans Pro";
  src: url("../fonts/SweetSansPro-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Sweet Sans Pro";
  src: url("../fonts/SweetSansPro-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

:root {
  /* ---- Base corporativa (comum a todas as bandeiras) ---- */
  --lg-ink: #0a0e13;          /* preto Laghetto */
  --lg-mist: #e8f0f7;         /* off-white azulado (fundos claros, logos) */
  --lg-stone: #e1e2e0;
  --lg-graphite: #585c5c;     /* texto corrido */
  --lg-white: #ffffff;

  /* ---- Tipografia ---- */
  --font-body: "Source Sans 3", "Source Sans Pro", system-ui, sans-serif;
  --font-stilo: "Manrope", system-ui, sans-serif;
  --font-resort: "PT Serif", Georgia, serif;
  --font-collection: "Sweet Sans Pro", "Montserrat", system-ui, sans-serif;

  --fs-eyebrow: 0.75rem;
  --fs-small: 0.875rem;
  --fs-body: 1.0625rem;
  --fs-lead: clamp(1.125rem, 1rem + 0.5vw, 1.375rem);
  --fs-h3: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --fs-h2: clamp(1.75rem, 1.3rem + 1.8vw, 2.75rem);
  --fs-h1: clamp(2.25rem, 1.4rem + 3.6vw, 4.5rem);

  /* ---- Espaçamento (escala 4px) ---- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px; --sp-10: 128px;
  --section-y: clamp(64px, 8vw, 128px);
  --container: 1200px;
  --gutter: clamp(16px, 4vw, 40px);

  --ease: cubic-bezier(.2, .7, .2, 1);
  --shadow-card: 0 1px 2px rgb(10 14 19 / .06), 0 8px 24px rgb(10 14 19 / .08);
}

/* ==========================================================================
   STILO — urbano, contemporâneo. Preto + cobre, linhas retas, Manrope.
   ========================================================================== */
[data-brand="stilo"] {
  --brand-primary: #0a0e13;
  --brand-primary-deep: #05080b;
  --brand-accent: #a06624;        /* cobre */
  --brand-accent-soft: #c8955a;
  --brand-on-primary: #e8f1f7;
  --brand-on-accent: #ffffff;
  --brand-surface: #e8f1f7;       /* fundo claro */
  --brand-surface-alt: #e1e2e0;
  --brand-text: #0a0e13;
  --brand-text-muted: #585c5c;
  --brand-line: rgb(10 14 19 / .12);

  --font-display: var(--font-stilo);
  --display-weight: 600;
  --display-tracking: -0.01em;
  --display-transform: none;
  --eyebrow-tracking: 0.32em;

  --radius-s: 2px;
  --radius-m: 4px;
  --radius-l: 6px;
  --radius-btn: 2px;
}

/* ==========================================================================
   RESORT — família, natureza. Verde floresta + lima, serifa PT Serif,
   cantos arredondados (blocos do book).
   ========================================================================== */
[data-brand="resort"] {
  --brand-primary: #03443b;       /* verde Resort */
  --brand-primary-deep: #00241b;
  --brand-accent: #dee89a;        /* lima */
  --brand-accent-soft: #eef3c8;
  --brand-on-primary: #e8f0f7;
  --brand-on-accent: #03443b;
  --brand-surface: #e8f0f7;
  --brand-surface-alt: #a1c6d0;   /* azul-sálvia (plantas) */
  --brand-text: #00241b;
  --brand-text-muted: #4b5a57;
  --brand-line: rgb(3 68 59 / .14);

  --font-display: var(--font-resort);
  --display-weight: 400;
  --display-tracking: -0.005em;
  --display-transform: none;
  --eyebrow-tracking: 0.18em;

  --radius-s: 8px;
  --radius-m: 16px;
  --radius-l: 24px;
  --radius-btn: 999px;
}

/* ==========================================================================
   COLLECTION — alto padrão, silencioso. Preto + taupe + creme,
   Sweet Sans em caixa-alta espaçada, cantos retos e filetes finos.
   ========================================================================== */
[data-brand="collection"] {
  --brand-primary: #0a0e13;
  --brand-primary-deep: #05080b;
  --brand-accent: #67615f;        /* taupe */
  --brand-accent-soft: #939293;
  --brand-on-primary: #f0eade;
  --brand-on-accent: #ffffff;
  --brand-surface: #f0eade;       /* creme */
  --brand-surface-alt: #e4ddd0;
  --brand-text: #0a0e13;
  --brand-text-muted: #67615f;
  --brand-line: rgb(10 14 19 / .14);

  --font-display: var(--font-collection);
  --display-weight: 400;
  --display-tracking: 0.08em;
  --display-transform: uppercase;
  --eyebrow-tracking: 0.36em;

  --radius-s: 0;
  --radius-m: 0;
  --radius-l: 0;
  --radius-btn: 0;
}