{
  "$schema": "https://tr.designtokens.org/format/",
  "name": "TBrWeb Design System",
  "version": "1.0.0",
  "source": "Brandbook TBrWeb 2026 e arquivos SVG oficiais",
  "color": {
    "brand": {
      "navy": { "$type": "color", "$value": "#00355B" },
      "green": { "$type": "color", "$value": "#87B037" },
      "yellow": { "$type": "color", "$value": "#F0CE00" },
      "blue": { "$type": "color", "$value": "#1782B5" },
      "ink": { "$type": "color", "$value": "#211915" },
      "white": { "$type": "color", "$value": "#FFFFFF" }
    },
    "semantic": {
      "light": {
        "canvas": { "$type": "color", "$value": "#F6F8F9" },
        "surface": { "$type": "color", "$value": "#FFFFFF" },
        "text": { "$type": "color", "$value": "#0B2433" },
        "text-muted": { "$type": "color", "$value": "#485F6C" },
        "border": { "$type": "color", "$value": "#D8E1E6" },
        "primary": { "$type": "color", "$value": "#00355B" },
        "on-primary": { "$type": "color", "$value": "#FFFFFF" },
        "accent": { "$type": "color", "$value": "#87B037" },
        "on-accent": { "$type": "color", "$value": "#00355B" },
        "focus": { "$type": "color", "$value": "#F0CE00" },
        "info": { "$type": "color", "$value": "#0F5B7F" },
        "success": { "$type": "color", "$value": "#4F711A" },
        "warning": { "$type": "color", "$value": "#765F00" },
        "danger": { "$type": "color", "$value": "#B42318" }
      },
      "dark": {
        "canvas": { "$type": "color", "$value": "#061721" },
        "surface": { "$type": "color", "$value": "#0B2433" },
        "text": { "$type": "color", "$value": "#F6F8F9" },
        "text-muted": { "$type": "color", "$value": "#BAC9D1" },
        "border": { "$type": "color", "$value": "#254758" },
        "primary": { "$type": "color", "$value": "#87B037" },
        "on-primary": { "$type": "color", "$value": "#00355B" },
        "accent": { "$type": "color", "$value": "#F0CE00" },
        "on-accent": { "$type": "color", "$value": "#00355B" },
        "focus": { "$type": "color", "$value": "#F0CE00" }
      }
    }
  },
  "font": {
    "family": {
      "sans": { "$type": "fontFamily", "$value": ["Barlow", "Arial Narrow", "sans-serif"] },
      "mono": { "$type": "fontFamily", "$value": ["IBM Plex Mono", "Cascadia Code", "monospace"] }
    },
    "weight": {
      "regular": { "$type": "fontWeight", "$value": 400 },
      "medium": { "$type": "fontWeight", "$value": 500 },
      "semibold": { "$type": "fontWeight", "$value": 600 },
      "bold": { "$type": "fontWeight", "$value": 700 }
    },
    "size": {
      "100": { "$type": "dimension", "$value": "12px" },
      "200": { "$type": "dimension", "$value": "14px" },
      "300": { "$type": "dimension", "$value": "16px" },
      "400": { "$type": "dimension", "$value": "18px" },
      "500": { "$type": "dimension", "$value": "20px" },
      "600": { "$type": "dimension", "$value": "24px" },
      "700": { "$type": "dimension", "$value": "32px" },
      "800": { "$type": "dimension", "$value": "44px" },
      "900": { "$type": "dimension", "$value": "60px" }
    }
  },
  "space": {
    "1": { "$type": "dimension", "$value": "4px" },
    "2": { "$type": "dimension", "$value": "8px" },
    "3": { "$type": "dimension", "$value": "12px" },
    "4": { "$type": "dimension", "$value": "16px" },
    "6": { "$type": "dimension", "$value": "24px" },
    "8": { "$type": "dimension", "$value": "32px" },
    "12": { "$type": "dimension", "$value": "48px" },
    "16": { "$type": "dimension", "$value": "64px" },
    "24": { "$type": "dimension", "$value": "96px" },
    "32": { "$type": "dimension", "$value": "128px" }
  },
  "radius": {
    "sm": { "$type": "dimension", "$value": "6px" },
    "md": { "$type": "dimension", "$value": "10px" },
    "lg": { "$type": "dimension", "$value": "16px" },
    "xl": { "$type": "dimension", "$value": "24px" },
    "pill": { "$type": "dimension", "$value": "999px" }
  },
  "motion": {
    "duration": {
      "fast": { "$type": "duration", "$value": "120ms" },
      "base": { "$type": "duration", "$value": "200ms" },
      "slow": { "$type": "duration", "$value": "320ms" }
    },
    "easing": {
      "standard": { "$type": "cubicBezier", "$value": [0.2, 0, 0, 1] },
      "exit": { "$type": "cubicBezier", "$value": [0.4, 0, 1, 1] }
    }
  }
}