/* Convida Social: tokens de marca, v0.1.
   As fontes são carregadas pelo trecho em favicon/head.html. */
:root {
  /* Paleta */
  --cs-noite: #1A1250;
  --cs-fliper: #241A6B;
  --cs-rotulo: #F7F3FF;
  --cs-moeda: #FFE14D;
  --cs-start: #FF4D3D;
  --cs-bonus: #37E8B0;

  /* Apoio */
  --cs-texto-secundario: #E4DEFF;
  --cs-linha: #332A85;
  --cs-linha-forte: #4C3FA8;

  /* Fontes */
  --cs-fonte-titulo: 'Pixelify Sans', monospace; /* títulos e botões, de 18 px para cima */
  --cs-fonte-texto: 'IBM Plex Mono', ui-monospace, monospace;

  /* Tamanhos */
  --cs-tamanho-abertura: 76px;
  --cs-tamanho-titulo: 52px;
  --cs-tamanho-subtitulo: 28px;
  --cs-tamanho-texto: 16px;
  --cs-tamanho-etiqueta: 13px;

  /* Canto de pixel dos botões */
  --cs-canto-pixel: 4px;
}
