{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "Dra. Karol Thé — Design Tokens v1.0 (21/09/2026). Verk Digital — Squad de Design. Fonte canônica de cor: logo vetorizado.",
  "color": {
    "$type": "color",
    "brand": { "$value": "#3D4F3B", "$description": "Verde Marca — cor do logo. Se site e app divergirem, este valor decide." },
    "brandDeep": { "$value": "#132721", "$description": "Verde Profundo — fundos de alto contraste, rodapé." },
    "graphite": { "$value": "#1A1919", "$description": "Grafite — texto corrido longo, logo monocromático." },
    "sage": { "$value": "#9FA893", "$description": "Sálvia — decorativo. Nunca como texto sobre fundo claro (2,29:1)." },
    "sand": { "$value": "#F7F6F2", "$description": "Areia — fundo dominante do sistema." },
    "sandMid": { "$value": "#EBE7E2", "$description": "Areia Média — superfície de card, hover claro." },
    "white": { "$value": "#FFFFFF" }
  },
  "semantic": {
    "$type": "color",
    "surfaceBase": { "$value": "{color.sand}" },
    "surfaceRaised": { "$value": "{color.white}" },
    "surfaceMuted": { "$value": "{color.sandMid}" },
    "surfaceInverse": { "$value": "{color.brandDeep}" },
    "surfaceBrand": { "$value": "{color.brand}" },
    "textPrimary": { "$value": "{color.brand}" },
    "textBody": { "$value": "{color.graphite}" },
    "textOnBrand": { "$value": "{color.sand}" },
    "textOnInverse": { "$value": "{color.sand}" },
    "textMuted": { "$value": "rgba(26, 25, 25, 0.66)" },
    "borderSubtle": { "$value": "rgba(159, 168, 147, 0.35)" },
    "borderStrong": { "$value": "{color.brand}" },
    "focusRing": { "$value": "{color.brand}" }
  },
  "fontFamily": {
    "$type": "fontFamily",
    "display": { "$value": ["Playfair Display", "Georgia", "Times New Roman", "serif"], "$description": "Display, H1–H3, citações. Google Fonts / OFL." },
    "ui": { "$value": ["Montserrat", "-apple-system", "Segoe UI", "Roboto", "sans-serif"], "$description": "Corpo, UI, labels, botões. Google Fonts / OFL." }
  },
  "fontWeight": {
    "$type": "fontWeight",
    "display": { "$value": 400 },
    "body": { "$value": 400 },
    "medium": { "$value": 600 },
    "bold": { "$value": 700 }
  },
  "fontSize": {
    "$type": "dimension",
    "$description": "Escala modular razão 1.25 (terça maior), base 16px.",
    "display": { "$value": { "value": 61, "unit": "px" } },
    "h1": { "$value": { "value": 49, "unit": "px" } },
    "h2": { "$value": { "value": 39, "unit": "px" } },
    "h3": { "$value": { "value": 31, "unit": "px" } },
    "h4": { "$value": { "value": 25, "unit": "px" } },
    "bodyLarge": { "$value": { "value": 20, "unit": "px" } },
    "body": { "$value": { "value": 16, "unit": "px" } },
    "label": { "$value": { "value": 12, "unit": "px" } }
  },
  "fontSizeMobile": {
    "$type": "dimension",
    "$description": "Apenas display e títulos reduzem. Corpo permanece — público 40+.",
    "display": { "$value": { "value": 39, "unit": "px" } },
    "h1": { "$value": { "value": 31, "unit": "px" } },
    "h2": { "$value": { "value": 25, "unit": "px" } },
    "h3": { "$value": { "value": 20, "unit": "px" } }
  },
  "lineHeight": {
    "$type": "number",
    "$description": "Multiplicador, nunca valor absoluto. Mínimo 1.05 — line-height 1.0 cola títulos de duas linhas.",
    "display": { "$value": 1.05 },
    "h1": { "$value": 1.1 },
    "h2": { "$value": 1.15 },
    "h3": { "$value": 1.2 },
    "h4": { "$value": 1.3 },
    "body": { "$value": 1.6 },
    "label": { "$value": 1.2 }
  },
  "letterSpacing": {
    "$type": "dimension",
    "$description": "Sempre em em. Em px o valor não escala e quebra em tamanhos menores e no app.",
    "display": { "$value": { "value": -0.04, "unit": "em" } },
    "h1": { "$value": { "value": -0.035, "unit": "em" } },
    "h2": { "$value": { "value": -0.03, "unit": "em" } },
    "h3": { "$value": { "value": -0.02, "unit": "em" } },
    "h4": { "$value": { "value": -0.01, "unit": "em" } },
    "body": { "$value": { "value": -0.01, "unit": "em" } },
    "label": { "$value": { "value": 0.08, "unit": "em" } }
  },
  "space": {
    "$type": "dimension",
    "$description": "Base 4px.",
    "1": { "$value": { "value": 4, "unit": "px" } },
    "2": { "$value": { "value": 8, "unit": "px" } },
    "3": { "$value": { "value": 12, "unit": "px" } },
    "4": { "$value": { "value": 16, "unit": "px" } },
    "6": { "$value": { "value": 24, "unit": "px" } },
    "8": { "$value": { "value": 32, "unit": "px" } },
    "12": { "$value": { "value": 48, "unit": "px" } },
    "16": { "$value": { "value": 64, "unit": "px" } },
    "24": { "$value": { "value": 96, "unit": "px" } },
    "32": { "$value": { "value": 128, "unit": "px" } }
  },
  "radius": {
    "$type": "dimension",
    "sm": { "$value": { "value": 6, "unit": "px" }, "$description": "botão, input, tag" },
    "md": { "$value": { "value": 18, "unit": "px" }, "$description": "card" },
    "lg": { "$value": { "value": 24, "unit": "px" }, "$description": "imagem em destaque, modal" },
    "full": { "$value": { "value": 999, "unit": "px" }, "$description": "avatar, pill" }
  },
  "layout": {
    "$type": "dimension",
    "container": { "$value": { "value": 1140, "unit": "px" } },
    "gutterDesktop": { "$value": { "value": 24, "unit": "px" } },
    "gutterMobile": { "$value": { "value": 16, "unit": "px" } },
    "borderWidth": { "$value": { "value": 1, "unit": "px" } }
  },
  "motion": {
    "duration": { "$type": "duration", "$value": { "value": 200, "unit": "ms" } },
    "easing": { "$type": "cubicBezier", "$value": [0.4, 0, 0.2, 1] }
  },
  "_rules": {
    "$description": "Restrições que não cabem em token e precisam ser respeitadas pelo site e pelo app.",
    "noShadow": "O sistema não usa sombra como elevação. Separação por cor de superfície e borda de 1px.",
    "noGradientText": "Gradiente nunca recebe texto por cima. O gradiente decorativo só entra em seção sem texto.",
    "sageNeverText": "Sálvia nunca como cor de texto sobre fundo claro. Contraste 2,29:1 sobre Areia — reprova WCAG AA.",
    "focusVisible": "Todo elemento interativo tem foco visível: anel de 2px em color.brand.",
    "displayMinSize": "Playfair Display nunca abaixo de 20px e nunca em caixa alta.",
    "logoFormat": "Logo sempre em SVG. Área de proteção = altura do monograma CKT em todos os lados.",
    "paletteClosed": "Não adicionar cor fora da paleta, inclusive cor de erro ou sucesso, sem aprovação."
  }
}