/* Zela — tokens v2.0 (DESIGN_CONTEXT.md §6). Espelho de lib/brand/tokens.ts:
   tests/brand-tokens.test.ts falha se estes valores divergirem. */
:root {
  --color-canvas: #F4F0E8;
  --color-surface: #FBF9F5;
  --color-surface-muted: #E8E3D8;
  --color-border: #D7D1C5;
  --color-border-strong: #868177;
  --color-text-strong: #1A1612;
  --color-text: #3A342E;
  --color-text-muted: #6B6359;
  --color-text-invert: #F4F0E8;
  --color-primary-50: #ECF9F7;
  --color-primary-100: #DAEEEC;
  --color-primary-200: #BBDAD7;
  --color-primary-300: #93BCB8;
  --color-primary-400: #689894;
  --color-primary-500: #43736F;
  --color-primary-600: #32605C;
  --color-primary-700: #204C49;
  --color-primary-800: #143F3C;
  --color-primary-900: #042B29;
  --color-accent-100: #FBE9DF;
  --color-accent-300: #F4B09C;
  --color-accent-500: #C36B52;
  --color-accent-600: #A04B33;
  --color-success: #137C49;
  --color-success-bg: #E6F4EC;
  --color-warning: #9D5D02;
  --color-warning-bg: #FBF0DD;
  --color-danger: #A3123A;
  --color-danger-bg: #FAE5F0;
  --color-info: #2D6FB0;
  --color-info-bg: #E7F0F8;

  --font-display: "Newsreader", Lora, Georgia, serif;
  --font-sans: "Source Sans 3", "Public Sans", system-ui, sans-serif;
  --text-xs: .8125rem; --text-sm: .9375rem; --text-base: 1.0625rem; --text-lg: 1.1875rem;
  --text-xl: 1.375rem; --text-2xl: 1.6875rem; --text-3xl: 2.0625rem; --text-4xl: 2.625rem; --text-5xl: 3.3125rem;

  --radius-sm: 8px; --radius-md: 10px; --radius-lg: 14px; --radius-xl: 20px; --radius-full: 9999px;
  --shadow-1: 0 1px 2px rgba(28,36,33,.06);
  --shadow-2: 0 2px 8px rgba(28,36,33,.07), 0 1px 2px rgba(28,36,33,.05);
  --shadow-3: 0 8px 28px rgba(28,36,33,.10);

  --focus-ring: 0 0 0 3px var(--color-primary-600);
  --focus-offset: 2px;
  --target-min: 48px;
}

/* Fontes alojadas no próprio domínio (SIL OFL) — sem pedidos a terceiros. */
@font-face {
  font-family: "Newsreader";
  src: url("/assets/fonts/newsreader-latin-500-normal.woff2") format("woff2");
  font-weight: 500; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Newsreader";
  src: url("/assets/fonts/newsreader-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("/assets/fonts/source-sans-3-latin-400-normal.woff2") format("woff2");
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: "Source Sans 3";
  src: url("/assets/fonts/source-sans-3-latin-600-normal.woff2") format("woff2");
  font-weight: 600; font-style: normal; font-display: swap;
}