/**
 * Design tokens - ABREU & BRUM / AB Scan
 * Base visual clean: branco, azul institucional e dourado da marca.
 */

@font-face {
  font-family: 'Ethnocentric';
  src: url('../fonts/ethnocentric-regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --color-ink: #0b1f3a;
  --color-muted: #43546a;
  --color-muted2: #68778c;
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-card: #ffffff;
  --color-border: #dce4ef;
  --color-soft: #f6f8fb;
  --color-primary: #01224d;
  --color-primary-hover: #001936;
  --color-primary-light: rgba(1, 34, 77, 0.08);
  --color-accent: #c79933;
  --color-accent-hover: #a97f27;
  --color-accent-light: rgba(199, 153, 51, 0.14);
  --color-danger: #b42318;
  --color-success: #157f3b;
  --color-warning: #b7791f;
  --color-dark-1: #01224d;
  --color-dark-2: #0a305f;
  --color-dark-3: #173f70;
  --color-on-dark: #ffffff;
  --color-on-dark-muted: #d7dfeb;
  --color-on-dark-subtle: #eef3f8;

  --font-family-brand: 'Ethnocentric', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-family-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --text-base-size: 1rem;
  --text-base-line: 1.65;
  --text-sm: 0.875rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --heading-1-size: clamp(2.45rem, 6vw, 4.9rem);
  --heading-1-weight: 760;
  --heading-2-size: clamp(2rem, 4vw, 3.1rem);
  --heading-2-weight: 720;
  --heading-3-size: 1.45rem;
  --heading-3-weight: 680;
  --heading-4-size: 1.15rem;
  --heading-4-weight: 680;

  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --space-64: 64px;
  --space-96: 96px;

  --radius-sm: 8px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --radius-full: 999px;
  --shadow-card: 0 18px 48px rgba(1, 34, 77, 0.08);
  --shadow-card-hover: 0 24px 64px rgba(1, 34, 77, 0.12);
  --shadow-button: 0 14px 28px rgba(1, 34, 77, 0.18);

  --container-max: 1180px;
  --container-padding: 20px;
  --header-height: 78px;
  --header-height-mobile: 68px;
}