/* ATIVO DIGITAL — Design tokens (playbook institucional) */

@font-face {
  font-family: 'Antonio';
  src: url('./tipografia/Antonio/Antonio-VariableFont_wght.ttf') format('truetype');
  font-weight: 100 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('./tipografia/Inter/Inter-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Inter';
  src: url('./tipografia/Inter/Inter-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --ad-orange-primary: #ff5a00;
  --ad-orange-light: #ff8c42;
  --ad-orange-deep: #e63900;
  --ad-black-secondary: #161618;
  --ad-gray-tertiary: #8e8e93;
  --ad-blue-support: #252a61;
  --ad-yellow-support: #f0b829;
  --ad-cyan-support: #116967;
  --ad-gray-dark: #222222;
  --ad-gray-light: #a1a1a1;
  --ad-white: #ffffff;
  --ad-bg-offwhite: #f8fafc;

  --bg-page: var(--ad-white);
  --bg-surface: var(--ad-bg-offwhite);
  --text-primary: var(--ad-gray-dark);
  --text-muted: var(--ad-gray-light);
  --border-color: #e2e8f0;
  --accent-action: var(--ad-orange-primary);
  --accent-growth: var(--ad-yellow-support);
  --accent-trust: var(--ad-black-secondary);

  --font-institucional: 'Inter', system-ui, -apple-system, sans-serif;
  --font-titulos: 'Antonio', system-ui, sans-serif;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --ad-glass-bg: rgba(22, 22, 24, 0.72);
  --ad-glass-border: rgba(255, 255, 255, 0.1);
  --ad-glass-blur: 18px;

  --ad-noise: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.045'/%3E%3C/svg%3E");
}