/* Tokens de Design e Variáveis Canônicas - BWB Engenharia */
@import url('https://fonts.googleapis.com/css2?family=Azeret+Mono:wght@400;500;600&family=Source+Sans+3:ital,wght@0,400;0,500;0,600;0,700;1,400&family=Spline+Sans:wght@500;600;700&display=swap');

:root {
  /* Marca e Destaque */
  --brand: #E59712;
  --brand-oklch: oklch(73.7% 0.155 71.8);
  --brand-hover: #CF7F08;
  --brand-hover-oklch: oklch(66.7% 0.146 66.4);

  /* Neutros e Tipografia */
  --ink-strong: #111416;
  --text-primary: #252A2E;
  --text-secondary: #465057;
  --text-muted: #5F686E;
  --text-on-dark: #FFFFFF;
  --text-secondary-dark: #DCE0E2;

  /* Cores de Apoio e Estados */
  --mineral: #2E5B67;
  --link: #7A4600;
  --success: #2F6B4F;
  --error: #B14335;

  /* Superfícies e Bordas */
  --canvas: #F7F7F6;
  --surface: #FFFFFF;
  --border-subtle: #C7CDD0;
  --border-control: #7C878D;

  /* Tipografia */
  --font-display: "Spline Sans", "Arial Narrow", Arial, sans-serif;
  --font-body: "Source Sans 3", Arial, sans-serif;
  --font-data: "Azeret Mono", Consolas, monospace;

  /* Raios de Dobra */
  --radius-button: 8px;
  --radius-card: 12px;
  --radius-img: 8px;
  --radius-pill: 9999px;

  /* Sombras */
  --shadow-header: 0 4px 8px rgba(17, 20, 22, 0.08);
  --shadow-floating: 0 8px 16px rgba(17, 20, 22, 0.12);

  /* Dimensões e Layout */
  --max-width: 1240px;
  --header-height: 76px;
  --topbar-height: 36px;
  --container-padding-desktop: 32px;
  --container-padding-tablet: 24px;
  --container-padding-mobile: 20px;

  /* Camadas */
  --z-header: 100;
  --z-menu: 110;
  --z-sticky-cta: 200;

  /* Transição */
  --transition-fast: 180ms cubic-bezier(0.25, 1, 0.5, 1);
  --transition-normal: 240ms cubic-bezier(0.25, 1, 0.5, 1);
}