/* Duman Contabilidade — design tokens
   Paleta: colors/Captura de tela 2026-08-19 061836.png
   Escala de layout/tipografia espelhada do projeto Framer (via MCP Unframer). */

/* ---- Fontes locais (pasta fontes/) ---- */
@font-face {
  font-family: "Montserrat";
  src: url("../fontes/Montserrat/Montserrat-VariableFont_wght.ttf") format("truetype-variations");
  font-weight: 100 900;
  font-display: swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url("../fontes/sentient-font-family/Sentient-Extralight.otf") format("opentype");
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url("../fontes/sentient-font-family/Sentient-ExtralightItalic.otf") format("opentype");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url("../fontes/sentient-font-family/Sentient-Light.otf") format("opentype");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url("../fontes/sentient-font-family/Sentient-LightItalic.otf") format("opentype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url("../fontes/sentient-font-family/Sentient-Regular.otf") format("opentype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url("../fontes/sentient-font-family/Sentient-Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url("../fontes/sentient-font-family/Sentient-Medium.otf") format("opentype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url("../fontes/sentient-font-family/Sentient-MediumItalic.otf") format("opentype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url("../fontes/sentient-font-family/Sentient-Bold.otf") format("opentype");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Sentient Variable";
  src: url("../fontes/sentient-font-family/Sentient-BoldItalic.otf") format("opentype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Identidade: azul + dourado */
  --ink:        #0B1E33;   /* navy do logo, texto sobre claro */
  --navy:       #05436C;   /* Yale Blue — primária institucional */
  --navy-deep:  #032F4D;
  --blue:       #006BA6;   /* Cornflower Ocean */
  --gold:       #D9B768;   /* Metallic Gold — só sobre fundo escuro */
  /* Irmão do dourado com contraste seguro sobre superfície clara (4,76:1 no
     --paper, contra 1,81:1 de --gold). Sem uso hoje — o acento de marca virou
     --gold-soft por pedido direto, mesmo abaixo do mínimo de contraste em
     texto fino. Fica disponível se precisar de um dourado legível de novo. */
  --gold-ink:   #8A6A1E;
  --gold-soft:  #F1D591;   /* Soft Peach */
  --cream:      #F3E8D7;   /* Antique White */
  --paper:      #FBF8F3;
  --white:      #FFFFFF;

  /* Neutros derivados */
  --muted:      #5A6B7C;
  --line:       rgba(5, 67, 108, 0.14);
  --line-soft:  rgba(5, 67, 108, 0.07);
  --on-navy-dim: rgba(255, 255, 255, 0.72);

  /* Tipografia */
  --font-sans:    "Montserrat", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Sentient Variable", Georgia, "Times New Roman", serif;

  --fs-h1: clamp(2.5rem, 1.4rem + 4.6vw, 4.125rem);   /* -> 66px */
  --fs-h2: clamp(2rem,   1.4rem + 2.6vw, 2.875rem);   /* -> 46px */
  --fs-h3: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);    /* -> 36px */
  --fs-h4: clamp(1.25rem, 1.1rem + 0.7vw, 1.6875rem); /* -> 27px */
  --fs-lg: 1.25rem;
  --fs-md: 1.125rem;
  --fs-base: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;

  --tracking-tight: -0.03em;

  /* Espaço e forma (Framer: seções 80px, container 1380, card 20px) */
  --container: 1380px;
  --gutter: clamp(1.25rem, 4vw, 1.875rem);
  --section-y: clamp(4rem, 8vw, 7.5rem);
  --gap-card: 20px;
  --gap-grid: 30px;
  --gap-block: clamp(2.5rem, 5vw, 4.6875rem);  /* 75px */
  --r-card: 20px;
  --r-section: 30px;
  --r-pill: 999px;

  --shadow-card: 0 1px 2px rgba(5, 67, 108, .04), 0 12px 32px rgba(5, 67, 108, .07);
  --shadow-lift: 0 2px 4px rgba(5, 67, 108, .06), 0 24px 56px rgba(5, 67, 108, .13);

  --ease: cubic-bezier(.22, .61, .36, 1);
}