/* variables.css - tokens do design system */
:root {
  /* Layout */
  --container-max: 1180px;
  --container-pad: 10px;
  --radius-lg: 10px;
  --radius-xl: 22px;

  --space-1: 6px;
  --space-2: 10px;
  --space-3: 14px;
  --space-4: 18px;
  --space-5: 24px;
  --space-6: 28px;
  --space-7: 44px;
  --space-8: 58px;

  /* Cores base (noite) */
  --bg-0: #070A12;
  --bg-1: #0B1024;
  --bg-2: #0E1633;

  /* Texto */
  /*--text-0: #EAEAF2;*/
  --text-0: #F5D06F;
  --text-1: #B8C0DF;
  --text-2: #93A0C8;
  --text-3:white;
  --text-4:rgb(175, 206, 249);
  --text-5: rgba(49, 48, 48, 0.855);

  /* Bordas e sombras */
  --stroke: rgba(120, 140, 210, 0.18);
  --stroke-strong: rgba(120, 140, 210, 0.30);
  --shadow: 0 10px 30px rgba(0, 0, 0, 0.35);

  /* Destaques */
  --gold: #F5D06F;
  --violet: #A78BFA;
  --cyan: #22D3EE;

  /* Estados */
  --ok: #34D399;
  --warn: #FBBF24;
  --err: #FB7185;

  /* Tipografia (sem dependência externa) */
  --font-body:CAIXA Std-SemiBold, system-ui, -apple-system, Segoe UI, Roboto, Inter, Arial;
  --font-heading: CAIXA Std-SemiBold, -apple-system, Segoe UI, Roboto, Inter, Georgia;

  /* Tamanhos */
  --h1: clamp(28px, 3.4vw, 44px);
  --h2: clamp(20px, 2.2vw, 30px);
  --h3: 18px;
  --p: 16px;
  --small: 13px;

  /* Componentes */
  --header-h: 68px;

  /* opcional: brilho leve nas badges */
  .badge--gold {
    box-shadow: 0 0 18px rgba(255, 214, 102, 0.10);
  }

  .badge--violet {
    box-shadow: 0 0 18px rgba(167, 139, 250, 0.10);
  }

  .card--glass {
    backdrop-filter: blur(10px);
  }

}