{
  "$description": "Tokens de design do Quintal do Glória. Fonte única: `npm run tokens` gera src/app/tokens.css a partir deste arquivo.",
  "cor": {
    "base": {
      "$type": "color",
      "$value": "#F1E9DB",
      "papel": "Base",
      "uso": "Fundo de página. A parede clara da casa."
    },
    "base-clara": {
      "$type": "color",
      "$value": "#F8F3EA",
      "papel": "Base",
      "uso": "Papel: fichas, retratos, cartões e barras fixas."
    },
    "neutro": {
      "$type": "color",
      "$value": "#EAE0CC",
      "papel": "Neutro",
      "uso": "Segundo fundo claro, para alternar seções."
    },
    "linha": {
      "$type": "color",
      "$value": "#D8CAB0",
      "papel": "Neutro",
      "uso": "Filetes, bordas e o xadrez da toalha."
    },
    "tinta": {
      "$type": "color",
      "$value": "#2A231E",
      "papel": "Tinta",
      "uso": "Texto e títulos. Fundo dos blocos escuros."
    },
    "tinta-suave": {
      "$type": "color",
      "$value": "#4A3F37",
      "papel": "Tinta",
      "uso": "Texto corrido."
    },
    "tinta-tenue": {
      "$type": "color",
      "$value": "#5F544A",
      "papel": "Tinta",
      "uso": "Etiquetas e legendas sobre fundo claro."
    },
    "noite": {
      "$type": "color",
      "$value": "#1C1713",
      "papel": "Tinta",
      "uso": "Véu sobre fotografia."
    },
    "ancora": {
      "$type": "color",
      "$value": "#A9512F",
      "papel": "Âncora",
      "uso": "A cor da marca: botão principal, destaque de título, pesponto."
    },
    "ancora-escura": {
      "$type": "color",
      "$value": "#8A3D21",
      "papel": "Âncora",
      "uso": "Texto pequeno em cor e estado de hover."
    },
    "ancora-clara": {
      "$type": "color",
      "$value": "#E0AE92",
      "papel": "Âncora",
      "uso": "Destaque sobre fundo escuro."
    },
    "apoio": {
      "$type": "color",
      "$value": "#6B6A4B",
      "papel": "Apoio",
      "uso": "O verde do quintal: faixas, hospedagem, estados secundários."
    },
    "apoio-escuro": {
      "$type": "color",
      "$value": "#4A4A33",
      "papel": "Apoio",
      "uso": "Fundo verde fechado e texto verde pequeno."
    },
    "mata": {
      "$type": "color",
      "$value": "#2B3527",
      "papel": "Apoio",
      "uso": "O verde fechado da mata: fundo das seções de hospedagem e de descanso."
    },
    "apoio-claro": {
      "$type": "color",
      "$value": "#CFCDB3",
      "papel": "Apoio",
      "uso": "Fundo verde claro e destaque sobre o verde."
    }
  },
  "fonte": {
    "titulo": {
      "$type": "fontFamily",
      "$value": "Fraunces",
      "reserva": "Georgia, 'Times New Roman', serif",
      "uso": "Títulos e números. Peso 300 a 400, eixo SOFT em 100."
    },
    "texto": {
      "$type": "fontFamily",
      "$value": "Figtree",
      "reserva": "ui-sans-serif, system-ui, sans-serif",
      "uso": "Texto corrido, etiquetas e botões."
    },
    "bilhete": {
      "$type": "fontFamily",
      "$value": "Caveat",
      "reserva": "'Segoe Script', cursive",
      "uso": "Legenda de retrato e recado curto. No máximo uma linha."
    }
  },
  "tipo": {
    "titulo-xl": {
      "$value": "clamp(3rem, 7.4vw, 7.5rem)",
      "altura": "0.94",
      "tracking": "-0.03em",
      "peso": "300",
      "fonte": "titulo",
      "uso": "Capa de página."
    },
    "titulo-lg": {
      "$value": "clamp(2.3rem, 4.8vw, 4.5rem)",
      "altura": "1.02",
      "tracking": "-0.024em",
      "peso": "300",
      "fonte": "titulo",
      "uso": "Abertura de seção."
    },
    "titulo-md": {
      "$value": "clamp(1.8rem, 3vw, 2.85rem)",
      "altura": "1.1",
      "tracking": "-0.018em",
      "peso": "350",
      "fonte": "titulo",
      "uso": "Título de bloco e nome de queijo."
    },
    "titulo-sm": {
      "$value": "clamp(1.3rem, 1.75vw, 1.65rem)",
      "altura": "1.2",
      "tracking": "-0.01em",
      "peso": "400",
      "fonte": "titulo",
      "uso": "Título de cartão e de ficha."
    },
    "corpo-grande": {
      "$value": "clamp(1.2rem, 1.5vw, 1.45rem)",
      "altura": "1.6",
      "tracking": "0",
      "peso": "400",
      "fonte": "texto",
      "uso": "Parágrafo de abertura."
    },
    "corpo": {
      "$value": "clamp(1.0625rem, 1.12vw, 1.1875rem)",
      "altura": "1.7",
      "tracking": "0",
      "peso": "400",
      "fonte": "texto",
      "uso": "Texto corrido."
    },
    "corpo-mini": {
      "$value": "1rem",
      "altura": "1.6",
      "tracking": "0",
      "peso": "400",
      "fonte": "texto",
      "uso": "Legenda e nota."
    },
    "olho": {
      "$value": "0.8rem",
      "altura": "1.4",
      "tracking": "0.16em",
      "peso": "700",
      "fonte": "texto",
      "uso": "Etiqueta em caixa alta, acima de títulos e em botões."
    },
    "bilhete": {
      "$value": "clamp(1.5rem, 1.8vw, 1.8rem)",
      "altura": "1.1",
      "tracking": "0",
      "peso": "500",
      "fonte": "bilhete",
      "uso": "Legenda manuscrita."
    }
  },
  "espaco": {
    "1": {
      "$type": "dimension",
      "$value": "0.25rem"
    },
    "2": {
      "$type": "dimension",
      "$value": "0.5rem"
    },
    "3": {
      "$type": "dimension",
      "$value": "0.75rem"
    },
    "4": {
      "$type": "dimension",
      "$value": "1rem"
    },
    "6": {
      "$type": "dimension",
      "$value": "1.5rem"
    },
    "8": {
      "$type": "dimension",
      "$value": "2rem"
    },
    "12": {
      "$type": "dimension",
      "$value": "3rem"
    },
    "16": {
      "$type": "dimension",
      "$value": "4rem"
    },
    "24": {
      "$type": "dimension",
      "$value": "6rem"
    },
    "secao": {
      "$type": "dimension",
      "$value": "clamp(5.5rem, 11vw, 10rem)",
      "uso": "Respiro vertical de uma seção."
    },
    "secao-compacta": {
      "$type": "dimension",
      "$value": "clamp(4rem, 7.5vw, 7rem)",
      "uso": "Seção de apoio."
    },
    "margem": {
      "$type": "dimension",
      "$value": "clamp(1.25rem, 3.2vw, 5rem)",
      "uso": "Margem lateral da página. A página ocupa a tela quase toda."
    },
    "largura": {
      "$type": "dimension",
      "$value": "120rem",
      "uso": "Largura máxima do conteúdo."
    },
    "leitura": {
      "$type": "dimension",
      "$value": "36rem",
      "uso": "Largura máxima de uma coluna de texto."
    }
  },
  "raio": {
    "papel": {
      "$type": "dimension",
      "$value": "0.375rem",
      "uso": "Fichas, cartões e retratos."
    },
    "foto": {
      "$type": "dimension",
      "$value": "0.25rem",
      "uso": "Fotografia solta na página."
    },
    "janela": {
      "$type": "dimension",
      "$value": "999px",
      "uso": "Topo arredondado da moldura em janela."
    },
    "pilula": {
      "$type": "dimension",
      "$value": "999px",
      "uso": "Botões e etiquetas."
    }
  },
  "sombra": {
    "papel": {
      "$type": "shadow",
      "$value": "0 1px 0 rgb(42 35 30 / 0.05), 0 18px 32px -22px rgb(42 35 30 / 0.45)",
      "uso": "Papel pousado na mesa."
    },
    "retrato": {
      "$type": "shadow",
      "$value": "0 1px 0 rgb(42 35 30 / 0.06), 0 26px 44px -26px rgb(42 35 30 / 0.6)",
      "uso": "Retrato de álbum."
    }
  },
  "movimento": {
    "curva": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.24, 0.43, 0.15, 0.97)",
      "uso": "Curva única de tudo que se mexe."
    },
    "curva-saida": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.65, 0, 0.35, 1)",
      "uso": "Saídas e fechamentos."
    },
    "rapido": {
      "$type": "duration",
      "$value": "200ms",
      "uso": "Hover e foco."
    },
    "medio": {
      "$type": "duration",
      "$value": "400ms",
      "uso": "Troca de cor e de estado."
    },
    "lento": {
      "$type": "duration",
      "$value": "700ms",
      "uso": "Entrada de foto e de título. Nada demora mais que isto."
    }
  }
}