{
  "$description": "gov.br DS token set (GovBR-DS v3.7) importado como token set de DS compatível com o modelo Verge seed→map→alias (design-RFC-007 / design-RFC-014 F5, ticket #220). Formato DTCG (design-tokens.github.io). Paleta USWDS-derivada, tipografia Rawline/Raleway (Minor Third 1.2), espaçamento 8px + half-steps, grid 5-tier, radius/elevation gov.br, ponte de sizing Font Awesome 5. Gates AA mantidos (a11y.baseline=wcag-2.2-aa).",
  "color": {
    "$description": "Paleta gov.br (famílias USWDS base×temperatura×vivid) + aliases semânticos.",
    "$type": "color",
    "brand": {
      "blue-warm-70": {
        "$description": "Azul pressed/hover.",
        "$value": "#0C326F"
      },
      "blue-warm-vivid-60": {
        "$description": "Informação.",
        "$value": "#155BCB"
      },
      "blue-warm-vivid-70": {
        "$description": "Azul institucional gov.br — cor interativa primária.",
        "$value": "#1351B4"
      }
    },
    "neutral": {
      "gray-10": {
        "$value": "#E6E6E6"
      },
      "gray-2": {
        "$value": "#F8F8F8"
      },
      "gray-20": {
        "$value": "#CCCCCC"
      },
      "gray-40": {
        "$value": "#999999"
      },
      "gray-60": {
        "$value": "#666666"
      },
      "gray-80": {
        "$value": "#333333"
      },
      "gray-90": {
        "$value": "#1A1A1A"
      },
      "pure-0": {
        "$value": "#FFFFFF"
      },
      "pure-100": {
        "$value": "#000000"
      }
    },
    "semantic": {
      "background": {
        "$value": "{color.neutral.pure-0}"
      },
      "border": {
        "$value": "{color.neutral.gray-40}"
      },
      "danger": {
        "$value": "{color.support.red-warm-vivid-50}"
      },
      "info": {
        "$value": "{color.support.blue-warm-vivid-60}"
      },
      "interactive": {
        "$description": "Ação/link primário.",
        "$value": "{color.brand.blue-warm-vivid-70}"
      },
      "interactive-hover": {
        "$value": "{color.brand.blue-warm-70}"
      },
      "label": {
        "$value": "{color.neutral.gray-60}"
      },
      "on-interactive": {
        "$value": "{color.neutral.pure-0}"
      },
      "on-surface": {
        "$value": "{color.neutral.gray-80}"
      },
      "success": {
        "$value": "{color.support.green-cool-vivid-50}"
      },
      "surface": {
        "$value": "{color.neutral.pure-0}"
      },
      "visited": {
        "$value": "{color.support.violet-vivid-70}"
      },
      "warning": {
        "$value": "{color.support.yellow-vivid-20}"
      }
    },
    "support": {
      "blue-warm-vivid-60": {
        "$description": "Informação.",
        "$value": "#155BCB"
      },
      "green-cool-vivid-50": {
        "$description": "Sucesso.",
        "$value": "#168821"
      },
      "red-warm-vivid-50": {
        "$description": "Perigo/erro.",
        "$value": "#E52207"
      },
      "violet-vivid-70": {
        "$description": "Link visitado.",
        "$value": "#7B4BB7"
      },
      "yellow-vivid-20": {
        "$description": "Aviso.",
        "$value": "#FFCD07"
      }
    }
  },
  "elevation": {
    "$description": "surface-shadow gov.br (inset direcional em md/lg).",
    "$type": "shadow",
    "lg": {
      "$value": {
        "blur": "12px",
        "color": "rgba(0,0,0,0.20)",
        "offsetX": "0",
        "offsetY": "6px",
        "spread": "0"
      }
    },
    "md": {
      "$value": {
        "blur": "6px",
        "color": "rgba(0,0,0,0.16)",
        "offsetX": "0",
        "offsetY": "3px",
        "spread": "0"
      }
    },
    "sm": {
      "$value": {
        "blur": "3px",
        "color": "rgba(0,0,0,0.16)",
        "offsetX": "0",
        "offsetY": "1px",
        "spread": "0"
      }
    }
  },
  "grid": {
    "$description": "Grid 5-tier gov.br (inclui TV).",
    "breakpoint": {
      "$type": "dimension",
      "lg": {
        "$description": "laptop",
        "$value": "992px"
      },
      "md": {
        "$description": "tablet",
        "$value": "768px"
      },
      "sm": {
        "$description": "phone",
        "$value": "576px"
      },
      "tv": {
        "$description": "TV",
        "$value": "1920px"
      },
      "xl": {
        "$description": "desktop",
        "$value": "1280px"
      }
    },
    "columns": {
      "$type": "number",
      "$value": 12
    },
    "gutter": {
      "$type": "dimension",
      "$value": "16px"
    }
  },
  "icon": {
    "$description": "Ponte de sizing Font Awesome 5 (gov.br usa FA5).",
    "engine": {
      "$type": "string",
      "$value": "font-awesome-5"
    },
    "size": {
      "$type": "dimension",
      "lg": {
        "$value": "32px"
      },
      "md": {
        "$value": "24px"
      },
      "sm": {
        "$value": "16px"
      }
    }
  },
  "radius": {
    "$description": "surface-rounder gov.br (radii pequenos + pill).",
    "$type": "dimension",
    "lg": {
      "$value": "16px"
    },
    "md": {
      "$value": "8px"
    },
    "pill": {
      "$value": "100em"
    },
    "sm": {
      "$value": "4px"
    },
    "none": {
      "$value": "0"
    },
    "semantic": {
      "$description": "gov.br component-level corner radii — MEASURED from @govbr-ds/core dist/core.min.css (v3.7, 2026-07-16), not guessed. Maps a component role to the surface-rounder scale so a DS consumer (Kroma Shape, design-RFC-014 F2c) renders gov.br's real geometry: buttons are PILL (--button-radius:100em), fields/checkbox use surface-rounder-sm (4px), cards are SQUARE (no border-radius; shadow-only elevation), tags pill.",
      "button": {
        "$value": "{radius.pill}",
        "$type": "dimension"
      },
      "field": {
        "$value": "{radius.sm}",
        "$type": "dimension"
      },
      "card": {
        "$value": "{radius.none}",
        "$type": "dimension"
      },
      "checkbox": {
        "$value": "{radius.sm}",
        "$type": "dimension"
      },
      "tag": {
        "$value": "{radius.pill}",
        "$type": "dimension"
      },
      "dialog": {
        "$value": "{radius.none}",
        "$type": "dimension",
        "$description": "Modal/dialog — MEASURED: .br-modal (x57 in core.min.css) sets no border-radius => square."
      },
      "menu": {
        "$value": "{radius.none}",
        "$type": "dimension",
        "$description": "Menu/popover — MEASURED: .br-menu (x99) sets no border-radius => square."
      },
      "tab": {
        "$value": "{radius.none}",
        "$type": "dimension",
        "$description": "Tab — MEASURED: .br-tab (x56) sets no border-radius => square."
      },
      "message": {
        "$value": "{radius.none}",
        "$type": "dimension",
        "$description": "Message/notice surface — MEASURED: .br-message sets no border-radius => square."
      },
      "tooltip": {
        "$value": "{radius.sm}",
        "$type": "dimension",
        "$description": "Tooltip — MEASURED: .br-tooltip (x39 in core.min.css) sets border-radius:4px => sm. NOT square: gov.br gives the tooltip a radius even though its message/modal are square."
      },
      "hover": {
        "$value": "{radius.none}",
        "$type": "dimension",
        "$description": "Hover wash on an interactive item (e.g. a breadcrumb crumb) — MEASURED: .br-breadcrumb (x28) sets no border-radius => square."
      }
    }
  },
  "spacing": {
    "$description": "Escala numérica gov.br — base 8px com half-steps (spacing-scale-*).",
    "$type": "dimension",
    "scale-2x": {
      "$value": "16px"
    },
    "scale-3x": {
      "$value": "24px"
    },
    "scale-4x": {
      "$value": "32px"
    },
    "scale-5x": {
      "$value": "40px"
    },
    "scale-6x": {
      "$value": "48px"
    },
    "scale-7x": {
      "$value": "56px"
    },
    "scale-base": {
      "$value": "8px"
    },
    "scale-half": {
      "$value": "4px"
    }
  },
  "typography": {
    "$description": "Rawline (UI/corpo) + Raleway (títulos). Base 16px, escala Minor Third (1.2).",
    "font-family": {
      "$type": "fontFamily",
      "base": {
        "$value": [
          "Rawline",
          "Raleway",
          "Inter",
          "sans-serif"
        ]
      },
      "heading": {
        "$value": [
          "Raleway",
          "Rawline",
          "sans-serif"
        ]
      }
    },
    "font-size": {
      "$description": "Minor Third (ratio 1.2), base 16px.",
      "$type": "dimension",
      "scale-base": {
        "$value": "16px"
      },
      "scale-down": {
        "$value": "13.33px"
      },
      "scale-up-01": {
        "$value": "19.2px"
      },
      "scale-up-02": {
        "$value": "23.04px"
      },
      "scale-up-03": {
        "$value": "27.65px"
      },
      "scale-up-04": {
        "$value": "33.18px"
      }
    },
    "font-weight": {
      "$type": "fontWeight",
      "bold": {
        "$value": 700
      },
      "medium": {
        "$value": 500
      },
      "regular": {
        "$value": 400
      },
      "semibold": {
        "$value": 600
      }
    },
    "line-height": {
      "$type": "number",
      "high": {
        "$value": 1.15
      },
      "low": {
        "$value": 1.65
      },
      "medium": {
        "$value": 1.45
      }
    }
  }
}