/* =========================================================
   Favareto Leilões — Design tokens
   ========================================================= */
:root {
  /* Cores da marca */
  --navy: #0A1F4D;
  --navy-700: #12306E;
  --navy-900: #061537;
  --navy-950: #011631;          /* mesmo tom do fundo da logo oficial */
  --mint: #6CC7A7;
  --mint-400: #84D3B7;
  --mint-600: #4DB290;
  --mint-800: #1C7658;          /* verde para texto sobre branco (AA) */
  --mint-100: #E2F5EE;
  --mint-50: #F1FAF6;

  /* Neutros */
  --white: #FFFFFF;
  --bg: #F5F7FA;
  --text: #14213D;
  --muted: #5B6B82;
  --border: #E2E8F0;
  --border-strong: #CBD5E1;
  --warning-bg: #FFF7E6;
  --warning-border: #F2D08A;
  --warning-text: #7A4B00;

  /* Tipografia */
  --font-display: "Montserrat", "Segoe UI", system-ui, sans-serif;
  --font-body: "Inter", "Segoe UI", system-ui, sans-serif;

  /* Raios */
  --radius-sm: 8px;
  --radius: 12px;
  --radius-card: 14px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  /* Sombras */
  --shadow-xs: 0 1px 2px rgba(10, 31, 77, .06);
  --shadow-sm: 0 2px 8px rgba(10, 31, 77, .07);
  --shadow-md: 0 10px 28px -10px rgba(10, 31, 77, .18), 0 2px 6px rgba(10, 31, 77, .05);
  --shadow-lg: 0 24px 48px -18px rgba(10, 31, 77, .28), 0 4px 12px rgba(10, 31, 77, .06);

  /* Layout */
  --container: 1280px;
  --gutter: 20px;
  --header-h: 68px;
  --section-y: 64px;

  /* Movimento */
  --ease: cubic-bezier(.22, .61, .36, 1);
  --t-fast: .18s;
  --t: .28s;
  --t-slow: .6s;
}