/* Patrono — tokens CSS oficiais · v1.0 · XVI·VI·MMXXVI */
:root {
  /* Primárias */
  --color-martir:          #C42020;
  --color-fogo:            #FF1800;

  /* Secundárias (parcimoniosas) */
  --color-ouro:            #FF9800;
  --color-brasa:           #FF8500;
  --color-terracota:       #DD4A22;
  --color-terracota-deep:  #B9392E;

  /* Neutras */
  --color-carvao:          #1D1D1B;
  --color-petroleo:        #3E4F5B;
  --color-areia:           #DBAF78;
  --color-branco:          #FFFFFF;

  /* Tipografia */
  --font-serif: "STIX Two Text", "Source Serif 4", Georgia, serif;
  --font-sans:  "Basic Sans", "Inter", "Helvetica Neue", Arial, sans-serif;

  /* Escala (base 18px, razão 1.333) */
  --fs-d0:  96px;
  --fs-h1:  72px;
  --fs-h2:  54px;
  --fs-h3:  40px;
  --fs-h4:  30px;
  --fs-body: 18px;
  --fs-body-lg: 22px;
  --fs-ui:  16px;
  --fs-label: 12px;

  /* Gradiente oficial do wordmark */
  --gradient-wordmark: linear-gradient(180deg,
    #FF9800 0%, #FF8500 45%, #DD4A22 75%, #C42020 100%);

  /* Espaçamento (grid 8px) */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 16px; --sp-4: 24px;
  --sp-5: 32px; --sp-6: 48px; --sp-7: 64px; --sp-8: 96px;
}