/* tokens.css — apenas variáveis. Nenhum seletor de componente.
   Este arquivo é o que vira settings_schema.json no tema Shopify. */
:root {
  /* Cor — a bandeja de miçangas sobre a bancada.
     Ver docs/superpowers/specs/2026-09-22-direcao-visual.md */
  --papel:        #F6F4F1;  /* bancada clara das filmagens */
  --papel-fundo:  #EDEAE5;  /* compartimento recuado */
  --tinta:        #241A22;  /* pingente de pedra — preto arroxeado */
  --tinta-suave:  #6B5F66;
  --coral:        #FF2D55;  /* a fita de cetim */
  --coral-escuro: #DB1F44;
  --turquesa:     #00B8A9;
  --ambar:        #FFAE00;
  --roxo:         #6B3FA0;
  --borda:        #DCD6CE;

  /* Tipografia */
  --fonte-display: 'Fraunces', Georgia, serif;
  --fonte-corpo:   'Karla', system-ui, -apple-system, sans-serif;

  /* Escala de espaço */
  --esp-1: 0.5rem;  --esp-2: 1rem;   --esp-3: 1.5rem;
  --esp-4: 2rem;    --esp-5: 3rem;   --esp-6: 4.5rem;
  --esp-7: 7rem;

  /* Forma */
  --raio-s: 8px;  --raio-m: 16px;  --raio-g: 28px;
  --sombra-baixa: 0 2px 8px rgba(36,26,34,.06);
  --sombra-media: 0 12px 32px rgba(36,26,34,.10);
  --sombra-coral: 0 10px 28px rgba(255,45,85,.26);

  /* Layout */
  --largura-max: 1140px;
}