{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "meta": {
    "name": "Workshop IA Master Design System",
    "version": "1.0.0",
    "updated": "2026-07-16",
    "principle": "Petroleo estrutura. Papel respira. Magenta emociona. Lima comprova."
  },
  "color": {
    "petrol": {
      "1000": { "$type": "color", "$value": "#001820" },
      "950": { "$type": "color", "$value": "#021F29" },
      "900": { "$type": "color", "$value": "#032F3D" },
      "800": { "$type": "color", "$value": "#064B5F" },
      "700": { "$type": "color", "$value": "#086278" },
      "100": { "$type": "color", "$value": "#DBE8EA" }
    },
    "magenta": {
      "800": { "$type": "color", "$value": "#720568" },
      "700": { "$type": "color", "$value": "#8F087F" },
      "500": { "$type": "color", "$value": "#D02BB5" },
      "300": { "$type": "color", "$value": "#F08CDC" },
      "100": { "$type": "color", "$value": "#F9D8F2" }
    },
    "lime": {
      "500": { "$type": "color", "$value": "#D9F65B" },
      "200": { "$type": "color", "$value": "#EFFBBD" }
    },
    "neutral": {
      "paper": { "$type": "color", "$value": "#FFFDF8" },
      "cream100": { "$type": "color", "$value": "#F6F0E5" },
      "cream300": { "$type": "color", "$value": "#EAE0CF" },
      "white": { "$type": "color", "$value": "#FFFFFF" },
      "black": { "$type": "color", "$value": "#001015" }
    },
    "semantic": {
      "textPrimary": { "$type": "color", "$value": "{color.petrol.900}" },
      "textSecondary": { "$type": "color", "$value": "#41616A" },
      "textTertiary": { "$type": "color", "$value": "#70868B" },
      "emotion": { "$type": "color", "$value": "{color.magenta.700}" },
      "proof": { "$type": "color", "$value": "{color.lime.500}" },
      "border": { "$type": "color", "$value": "#DED5C5" }
    }
  },
  "typography": {
    "family": {
      "display": { "$type": "fontFamily", "$value": "Fraunces" },
      "body": { "$type": "fontFamily", "$value": "Manrope" },
      "data": { "$type": "fontFamily", "$value": "IBM Plex Mono" }
    },
    "web": {
      "h1": { "$type": "dimension", "$value": "76px" },
      "h2": { "$type": "dimension", "$value": "58px" },
      "h3": { "$type": "dimension", "$value": "32px" },
      "lead": { "$type": "dimension", "$value": "20px" },
      "body": { "$type": "dimension", "$value": "16px" },
      "micro": { "$type": "dimension", "$value": "12px" }
    },
    "art": {
      "display": { "$type": "dimension", "$value": "108px" },
      "h1": { "$type": "dimension", "$value": "82px" },
      "h2": { "$type": "dimension", "$value": "58px" },
      "lead": { "$type": "dimension", "$value": "30px" },
      "body": { "$type": "dimension", "$value": "22px" },
      "micro": { "$type": "dimension", "$value": "14px" }
    }
  },
  "spacing": {
    "1": { "$type": "dimension", "$value": "4px" },
    "2": { "$type": "dimension", "$value": "8px" },
    "3": { "$type": "dimension", "$value": "12px" },
    "4": { "$type": "dimension", "$value": "16px" },
    "5": { "$type": "dimension", "$value": "24px" },
    "6": { "$type": "dimension", "$value": "32px" },
    "7": { "$type": "dimension", "$value": "48px" },
    "8": { "$type": "dimension", "$value": "64px" },
    "9": { "$type": "dimension", "$value": "80px" },
    "10": { "$type": "dimension", "$value": "104px" },
    "11": { "$type": "dimension", "$value": "144px" }
  },
  "radius": {
    "xs": { "$type": "dimension", "$value": "4px" },
    "sm": { "$type": "dimension", "$value": "6px" },
    "md": { "$type": "dimension", "$value": "10px" },
    "lg": { "$type": "dimension", "$value": "18px" },
    "xl": { "$type": "dimension", "$value": "28px" }
  },
  "format": {
    "feedPortrait": { "width": 1080, "height": 1350, "safe": 80 },
    "feedSquare": { "width": 1080, "height": 1080, "safe": 72 },
    "story": { "width": 1080, "height": 1920, "safeTop": 250, "safeBottom": 310, "safeSide": 72 },
    "landscape": { "width": 1200, "height": 628, "safe": 56 },
    "presentation": { "width": 1920, "height": 1080, "safe": 96 },
    "documentA4": { "widthMm": 210, "heightMm": 297, "marginMm": 18 },
    "email": { "maxWidth": 640 }
  }
}