/* ==========================================================================
   AMAZON GLASS — DESIGN TOKENS
   Baseado na identidade visual oficial e nas referências visuais aprovadas
   ========================================================================== */

:root {
  /* Cores Principais */
  --color-navy: #031c3d;
  --color-navy-dark: #02132a;
  --color-navy-soft: #082c56;
  --color-navy-glass: rgba(3, 28, 61, 0.88);
  --color-navy-card: #05244c;

  --color-blue: #1676c5;
  --color-blue-hover: #1162a5;
  --color-blue-light: #52b9ec;
  --color-blue-subtle: #eef6fc;
  --color-blue-tint: rgba(22, 118, 197, 0.08);

  --color-red: #f3202b;
  --color-red-hover: #d61822;
  --color-red-light: rgba(243, 32, 43, 0.1);

  /* Neutros e Superfícies */
  --color-white: #ffffff;
  --color-offwhite: #f6f8fa;
  --color-surface-card: #ffffff;
  --color-surface-hover: #f9fbfd;

  --color-text-main: #031c3d;
  --color-text-body: #475467;
  --color-text-muted: #667085;
  --color-text-light: #98a2b3;
  --color-text-white: #ffffff;

  --color-border: #e4e8ed;
  --color-border-light: #f2f4f7;
  --color-border-dark: rgba(255, 255, 255, 0.15);

  /* Tipografia */
  --font-main: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Escala de Títulos e Textos */
  --text-h1: clamp(2.5rem, 5vw, 4.4rem);
  --text-h2: clamp(2rem, 3.5vw, 3.2rem);
  --text-h3: clamp(1.35rem, 2.2vw, 1.85rem);
  --text-h4: clamp(1.15rem, 1.5vw, 1.35rem);
  --text-body: 1.05rem;
  --text-body-sm: 0.925rem;
  --text-caption: 0.825rem;
  --text-label: 0.785rem;

  /* Grid e Containers */
  --header-height: 90px;
  --container-max: 1360px;
  --container-narrow: 1140px;
  --container-padding: 48px;

  /* Border Radius */
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 9999px;

  /* Sombras */
  --shadow-sm: 0 2px 8px rgba(3, 28, 61, 0.04);
  --shadow-md: 0 10px 30px rgba(3, 28, 61, 0.06);
  --shadow-lg: 0 18px 45px rgba(3, 28, 61, 0.09);
  --shadow-card: 0 12px 36px rgba(3, 28, 61, 0.07);
  --shadow-card-hover: 0 24px 50px rgba(3, 28, 61, 0.12);

  /* Transições */
  --transition-fast: 180ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-base: 280ms cubic-bezier(0.16, 1, 0.3, 1);
  --transition-smooth: 450ms cubic-bezier(0.16, 1, 0.3, 1);

  /* Espaçamentos de Seção */
  --section-spacing-y: clamp(70px, 9vw, 120px);
  --section-spacing-sm: clamp(48px, 6vw, 80px);
}

/* Responsividade de Padding de Container */
@media (max-width: 1024px) {
  :root {
    --container-padding: 32px;
  }
}

@media (max-width: 768px) {
  :root {
    --header-height: 74px;
    --container-padding: 20px;
  }
}