aiox-core 5.0.3 → 5.0.4

package/pro/squads/design/data/figma-tokens-raw.md

@@ -1,1549 +1,1549 @@
-# Figma Tokens — Raw Input
-
-> Cole aqui todos os tokens extraídos do Figma.
-> Formato livre: CSS, JSON, tabela, print screen descriptions, etc.
-> O pipeline vai normalizar tudo na Phase 1.
-
----
-
-{
-  "color": {
-    "surface": {
-      "100": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9490196108818054,
-            0.9490196108818054,
-            0.9490196108818054
-          ],
-          "alpha": 1,
-          "hex": "#F2F2F2"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:583",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "200": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9058823585510254,
-            0.9058823585510254,
-            0.9058823585510254
-          ],
-          "alpha": 1,
-          "hex": "#E7E7E7"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:584",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "300": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.8313725590705872,
-            0.8313725590705872,
-            0.8313725590705872
-          ],
-          "alpha": 1,
-          "hex": "#D4D4D4"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:585",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "400": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.7372549176216125,
-            0.7372549176216125,
-            0.7372549176216125
-          ],
-          "alpha": 1,
-          "hex": "#BCBCBC"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:586",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "500": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.6431372761726379,
-            0.6431372761726379,
-            0.6431372761726379
-          ],
-          "alpha": 1,
-          "hex": "#A4A4A4"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:587",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "600": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.3686274588108063,
-            0.3686274588108063,
-            0.3686274588108063
-          ],
-          "alpha": 1,
-          "hex": "#5E5E5E"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:588",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "700": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.2823529541492462,
-            0.2823529541492462,
-            0.2823529541492462
-          ],
-          "alpha": 1,
-          "hex": "#484848"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:589",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "800": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.1882352977991104,
-            0.1882352977991104,
-            0.1882352977991104
-          ],
-          "alpha": 1,
-          "hex": "#303030"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:590",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "900": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.125490203499794,
-            0.125490203499794,
-            0.125490203499794
-          ],
-          "alpha": 1,
-          "hex": "#202020"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:591",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "950": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.062745101749897,
-            0.062745101749897,
-            0.062745101749897
-          ],
-          "alpha": 1,
-          "hex": "#101010"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:592",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "black": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0,
-            0,
-            0
-          ],
-          "alpha": 1,
-          "hex": "#000000"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:582",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "white": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            1,
-            1,
-            1
-          ],
-          "alpha": 1,
-          "hex": "#FFFFFF"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:581",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      }
-    },
-    "brand": {
-      "Atmos": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.46666666865348816,
-            0.772549033164978,
-            0.8352941274642944
-          ],
-          "alpha": 1,
-          "hex": "#77C5D5"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:593",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Kobold": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0,
-            0.3843137323856354,
-            0.5960784554481506
-          ],
-          "alpha": 1,
-          "hex": "#006298"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:594",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Bleu": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.33725491166114807,
-            0.5686274766921997,
-            0.6313725709915161
-          ],
-          "alpha": 1,
-          "hex": "#5691A1"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:595",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Midori": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.22745098173618317,
-            0.5686274766921997,
-            0.24705882370471954
-          ],
-          "alpha": 1,
-          "hex": "#3A913F"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:596",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Sahara": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.8392156958580017,
-            0.6431372761726379,
-            0.3803921639919281
-          ],
-          "alpha": 1,
-          "hex": "#D6A461"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:597",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Boreal": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.545098066329956,
-            0.2078431397676468,
-            0.37254902720451355
-          ],
-          "alpha": 1,
-          "hex": "#8B355F"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:598",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Cotta": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.529411792755127,
-            0.14509804546833038,
-            0.14901961386203766
-          ],
-          "alpha": 1,
-          "hex": "#872526"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:599",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Antar": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.7490196228027344,
-            0.8901960849761963,
-            0.929411768913269
-          ],
-          "alpha": 1,
-          "hex": "#BFE3ED"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:600",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Azzay": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.4745098054409027,
-            0.529411792755127,
-            0.4274509847164154
-          ],
-          "alpha": 1,
-          "hex": "#79876D"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:601",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Cloro": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.886274516582489,
-            0.9137254953384399,
-            0.6117647290229797
-          ],
-          "alpha": 1,
-          "hex": "#E2E99C"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:602",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Arena": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9803921580314636,
-            0.929411768913269,
-            0.7372549176216125
-          ],
-          "alpha": 1,
-          "hex": "#FAEDBC"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:603",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Carota": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9725490212440491,
-            0.48627451062202454,
-            0.33725491166114807
-          ],
-          "alpha": 1,
-          "hex": "#F87C56"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:604",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Khewra": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.8627451062202454,
-            0.3843137323856354,
-            0.3686274588108063
-          ],
-          "alpha": 1,
-          "hex": "#DC625E"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:605",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Núbia": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.9843137264251709,
-            0.8666666746139526,
-            0.47843137383461
-          ],
-          "alpha": 1,
-          "hex": "#FBDD7A"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:606",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "Calla": {
-        "$type": "color",
-        "$value": {
-          "colorSpace": "srgb",
-          "components": [
-            0.95686274766922,
-            0.7647058963775635,
-            0.800000011920929
-          ],
-          "alpha": 1,
-          "hex": "#F4C3CC"
-        },
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:607",
-          "com.figma.scopes": [
-            "ALL_SCOPES"
-          ],
-          "com.figma.isOverride": true
-        }
-      }
-    }
-  },
-  "font": {
-    "family": {
-      "primary": {
-        "$type": "string",
-        "$value": "Outfit",
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:631",
-          "com.figma.scopes": [
-            "FONT_FAMILY"
-          ],
-          "com.figma.type": "string",
-          "com.figma.isOverride": true
-        }
-      },
-      "secondary": {
-        "$type": "string",
-        "$value": "Inter",
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:632",
-          "com.figma.scopes": [
-            "FONT_FAMILY"
-          ],
-          "com.figma.type": "string",
-          "com.figma.isOverride": true
-        }
-      },
-      "tertiary": {
-        "$type": "string",
-        "$value": "Jetbrains Mono",
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:633",
-          "com.figma.scopes": [
-            "FONT_FAMILY"
-          ],
-          "com.figma.type": "string",
-          "com.figma.isOverride": true
-        }
-      }
-    },
-    "weight": {
-      "thin": {
-        "$type": "number",
-        "$value": 100,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:634",
-          "com.figma.scopes": [
-            "FONT_STYLE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "extralight": {
-        "$type": "number",
-        "$value": 200,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:635",
-          "com.figma.scopes": [
-            "FONT_STYLE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "light": {
-        "$type": "number",
-        "$value": 300,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:636",
-          "com.figma.scopes": [
-            "FONT_STYLE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "regular": {
-        "$type": "number",
-        "$value": 400,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:637",
-          "com.figma.scopes": [
-            "FONT_STYLE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "medium": {
-        "$type": "number",
-        "$value": 500,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:638",
-          "com.figma.scopes": [
-            "FONT_STYLE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "semibold": {
-        "$type": "number",
-        "$value": 600,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:639",
-          "com.figma.scopes": [
-            "FONT_STYLE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "bold": {
-        "$type": "number",
-        "$value": 700,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:640",
-          "com.figma.scopes": [
-            "FONT_STYLE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "extrabold": {
-        "$type": "number",
-        "$value": 800,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:641",
-          "com.figma.scopes": [
-            "FONT_STYLE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "back": {
-        "$type": "number",
-        "$value": 900,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:642",
-          "com.figma.scopes": [
-            "FONT_STYLE"
-          ],
-          "com.figma.isOverride": true
-        }
-      }
-    },
-    "size": {
-      "xs": {
-        "$type": "number",
-        "$value": 12,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:643",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "2xs": {
-        "$type": "number",
-        "$value": 14,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:644",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "3xs": {
-        "$type": "number",
-        "$value": 16,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:645",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "4xs": {
-        "$type": "number",
-        "$value": 18,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:646",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "sm": {
-        "$type": "number",
-        "$value": 20,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:647",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "2sm": {
-        "$type": "number",
-        "$value": 24,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:648",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "3sm": {
-        "$type": "number",
-        "$value": 28,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:649",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "4sm": {
-        "$type": "number",
-        "$value": 32,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:650",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "md": {
-        "$type": "number",
-        "$value": 36,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:651",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "2md": {
-        "$type": "number",
-        "$value": 40,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:652",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "3md": {
-        "$type": "number",
-        "$value": 48,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:653",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "4md": {
-        "$type": "number",
-        "$value": 56,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:654",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "lg": {
-        "$type": "number",
-        "$value": 64,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:655",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "2lg": {
-        "$type": "number",
-        "$value": 72,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:656",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "3lg": {
-        "$type": "number",
-        "$value": 80,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:657",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "4lg": {
-        "$type": "number",
-        "$value": 88,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:658",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "xl": {
-        "$type": "number",
-        "$value": 96,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:659",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "2xl": {
-        "$type": "number",
-        "$value": 112,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:660",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "3xl": {
-        "$type": "number",
-        "$value": 120,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:661",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      },
-      "4xl": {
-        "$type": "number",
-        "$value": 140,
-        "$extensions": {
-          "com.figma.variableId": "VariableID:2002:662",
-          "com.figma.scopes": [
-            "FONT_SIZE"
-          ],
-          "com.figma.isOverride": true
-        }
-      }
-    }
-  },
-  "spacing": {
-    "0": {
-      "$type": "number",
-      "$value": 0,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:548",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "2": {
-      "$type": "number",
-      "$value": 2,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:549",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "4": {
-      "$type": "number",
-      "$value": 4,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:550",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "8": {
-      "$type": "number",
-      "$value": 8,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:551",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "12": {
-      "$type": "number",
-      "$value": 12,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:552",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "14": {
-      "$type": "number",
-      "$value": 14,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:553",
-        "com.figma.scopes": [
-          "ALL_SCOPES"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "16": {
-      "$type": "number",
-      "$value": 16,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:554",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "20": {
-      "$type": "number",
-      "$value": 20,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:555",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "24": {
-      "$type": "number",
-      "$value": 24,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:556",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "28": {
-      "$type": "number",
-      "$value": 28,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:557",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "32": {
-      "$type": "number",
-      "$value": 32,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:558",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "36": {
-      "$type": "number",
-      "$value": 36,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:559",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "40": {
-      "$type": "number",
-      "$value": 40,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:560",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "48": {
-      "$type": "number",
-      "$value": 48,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:561",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "56": {
-      "$type": "number",
-      "$value": 56,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:562",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "64": {
-      "$type": "number",
-      "$value": 64,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:563",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "72": {
-      "$type": "number",
-      "$value": 72,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:564",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "80": {
-      "$type": "number",
-      "$value": 80,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:565",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "88": {
-      "$type": "number",
-      "$value": 88,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:566",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "96": {
-      "$type": "number",
-      "$value": 96,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:567",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "112": {
-      "$type": "number",
-      "$value": 112,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:568",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "128": {
-      "$type": "number",
-      "$value": 128,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:569",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "160": {
-      "$type": "number",
-      "$value": 160,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:570",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "192": {
-      "$type": "number",
-      "$value": 192,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:571",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    }
-  },
-  "opacity": {
-    "0": {
-      "$type": "number",
-      "$value": 0,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:620",
-        "com.figma.scopes": [
-          "OPACITY"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "10": {
-      "$type": "number",
-      "$value": 10,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:621",
-        "com.figma.scopes": [
-          "OPACITY"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "20": {
-      "$type": "number",
-      "$value": 20,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:622",
-        "com.figma.scopes": [
-          "OPACITY"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "30": {
-      "$type": "number",
-      "$value": 30,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:623",
-        "com.figma.scopes": [
-          "OPACITY"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "40": {
-      "$type": "number",
-      "$value": 40,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:624",
-        "com.figma.scopes": [
-          "OPACITY"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "50": {
-      "$type": "number",
-      "$value": 50,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:625",
-        "com.figma.scopes": [
-          "OPACITY"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "60": {
-      "$type": "number",
-      "$value": 60,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:626",
-        "com.figma.scopes": [
-          "OPACITY"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "70": {
-      "$type": "number",
-      "$value": 70,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:627",
-        "com.figma.scopes": [
-          "OPACITY"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "80": {
-      "$type": "number",
-      "$value": 80,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:628",
-        "com.figma.scopes": [
-          "OPACITY"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "90": {
-      "$type": "number",
-      "$value": 90,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:629",
-        "com.figma.scopes": [
-          "OPACITY"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "100": {
-      "$type": "number",
-      "$value": 100,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:630",
-        "com.figma.scopes": [
-          "OPACITY"
-        ],
-        "com.figma.isOverride": true
-      }
-    }
-  },
-  "radius": {
-    "min": {
-      "$type": "number",
-      "$value": 4,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:663",
-        "com.figma.scopes": [
-          "CORNER_RADIUS"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "xxs": {
-      "$type": "number",
-      "$value": 6,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2079:555",
-        "com.figma.scopes": [
-          "CORNER_RADIUS"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "xs": {
-      "$type": "number",
-      "$value": 8,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:664",
-        "com.figma.scopes": [
-          "CORNER_RADIUS"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "sm": {
-      "$type": "number",
-      "$value": 12,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2061:224",
-        "com.figma.scopes": [
-          "CORNER_RADIUS"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "md": {
-      "$type": "number",
-      "$value": 16,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:665",
-        "com.figma.scopes": [
-          "CORNER_RADIUS"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "lg": {
-      "$type": "number",
-      "$value": 24,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:666",
-        "com.figma.scopes": [
-          "CORNER_RADIUS"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "xl": {
-      "$type": "number",
-      "$value": 32,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2101:364",
-        "com.figma.scopes": [
-          "CORNER_RADIUS"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "xxl": {
-      "$type": "number",
-      "$value": 48,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:667",
-        "com.figma.scopes": [
-          "CORNER_RADIUS"
-        ],
-        "com.figma.isOverride": true
-      }
-    },
-    "max": {
-      "$type": "number",
-      "$value": 9999,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:668",
-        "com.figma.scopes": [
-          "CORNER_RADIUS"
-        ],
-        "com.figma.isOverride": true
-      }
-    }
-  },
-  "breakpoint": {
-    "width": {
-      "$type": "number",
-      "$value": 1312,
-      "$extensions": {
-        "com.figma.variableId": "VariableID:2002:547",
-        "com.figma.scopes": [
-          "WIDTH_HEIGHT"
-        ],
-        "com.figma.isOverride": true
-      }
-    }
-  },
-  "$extensions": {
-    "com.figma.modeName": "Default"
-  }
-}
-
-
-
---font-weight-thin 100
---font-weight-extralight 200
---font-weight-light 300
---font-weight-normal 400
---font-weight-medium 500
---font-weight-semibold 600
---font-weight-bold 700
---font-weight-extrabold 800
---font-weight-black 900
-
---line-height-xs 100%
---line-height-sm 120%
---line-height-md 130%
---line-height-lg 150%
---line-height-xl 200%
-
-
-
---letter-spacing-xxxs
--8%
---letter-spacing-xxs
--6%
---letter-spacing-xs
--4%
---letter-spacing-sm
--2%
---letter-spacing-md
-0%
---letter-spacing-lg
-2%
---letter-spacing-xl
-4%
---letter-spacing-xxl
-6%
---letter-spacing-xxxl
-8%
-
-
-100%
---opacity-100
-90%
---opacity-90
-80%
---opacity-80
-70%
---opacity-70
-60%
---opacity-60
-50%
---opacity-50
-40%
---opacity-40
-30%
---opacity-30
-20%
---opacity-20
-10%
---opacity-10
-0%
---opacity-0
-
-
-4px
---radius-min
-6px
---radius-xxs
-8px
---radius-xs
-12px
---radius-sm
-16px
---radius-md
-24px
---radius-lg
-32px
---radius-xl
-48px
---radius-xxl
-100%
---radius-max
-
-
-4px
---padding-xs
-8px
---padding-sm
-12px
---padding-md
-16px
---padding-lg
-24px
---padding-xl
-32px
---padding-hg
-
-tbm ter padding 6px e 10px
-
-
-spacing
-4px
-8px
-12px
-14px
-16px
-20px
-24px
-28px
-32px
-36px
-40px
-48px
-56px
-64px
-72px
-80px
-88px
-96px
-112px
-128px
-160px
+# Figma Tokens — Raw Input
+
+> Cole aqui todos os tokens extraídos do Figma.
+> Formato livre: CSS, JSON, tabela, print screen descriptions, etc.
+> O pipeline vai normalizar tudo na Phase 1.
+
+---
+
+{
+  "color": {
+    "surface": {
+      "100": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9490196108818054,
+            0.9490196108818054,
+            0.9490196108818054
+          ],
+          "alpha": 1,
+          "hex": "#F2F2F2"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:583",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "200": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9058823585510254,
+            0.9058823585510254,
+            0.9058823585510254
+          ],
+          "alpha": 1,
+          "hex": "#E7E7E7"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:584",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "300": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8313725590705872,
+            0.8313725590705872,
+            0.8313725590705872
+          ],
+          "alpha": 1,
+          "hex": "#D4D4D4"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:585",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "400": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.7372549176216125,
+            0.7372549176216125,
+            0.7372549176216125
+          ],
+          "alpha": 1,
+          "hex": "#BCBCBC"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:586",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "500": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.6431372761726379,
+            0.6431372761726379,
+            0.6431372761726379
+          ],
+          "alpha": 1,
+          "hex": "#A4A4A4"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:587",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "600": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3686274588108063,
+            0.3686274588108063,
+            0.3686274588108063
+          ],
+          "alpha": 1,
+          "hex": "#5E5E5E"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:588",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "700": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2823529541492462,
+            0.2823529541492462,
+            0.2823529541492462
+          ],
+          "alpha": 1,
+          "hex": "#484848"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:589",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "800": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.1882352977991104,
+            0.1882352977991104,
+            0.1882352977991104
+          ],
+          "alpha": 1,
+          "hex": "#303030"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:590",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "900": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.125490203499794,
+            0.125490203499794,
+            0.125490203499794
+          ],
+          "alpha": 1,
+          "hex": "#202020"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:591",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "950": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.062745101749897,
+            0.062745101749897,
+            0.062745101749897
+          ],
+          "alpha": 1,
+          "hex": "#101010"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:592",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "black": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0,
+            0,
+            0
+          ],
+          "alpha": 1,
+          "hex": "#000000"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:582",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "white": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            1,
+            1
+          ],
+          "alpha": 1,
+          "hex": "#FFFFFF"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:581",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      }
+    },
+    "brand": {
+      "Atmos": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.46666666865348816,
+            0.772549033164978,
+            0.8352941274642944
+          ],
+          "alpha": 1,
+          "hex": "#77C5D5"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:593",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Kobold": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0,
+            0.3843137323856354,
+            0.5960784554481506
+          ],
+          "alpha": 1,
+          "hex": "#006298"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:594",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Bleu": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.33725491166114807,
+            0.5686274766921997,
+            0.6313725709915161
+          ],
+          "alpha": 1,
+          "hex": "#5691A1"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:595",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Midori": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.22745098173618317,
+            0.5686274766921997,
+            0.24705882370471954
+          ],
+          "alpha": 1,
+          "hex": "#3A913F"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:596",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Sahara": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8392156958580017,
+            0.6431372761726379,
+            0.3803921639919281
+          ],
+          "alpha": 1,
+          "hex": "#D6A461"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:597",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Boreal": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.545098066329956,
+            0.2078431397676468,
+            0.37254902720451355
+          ],
+          "alpha": 1,
+          "hex": "#8B355F"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:598",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Cotta": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.529411792755127,
+            0.14509804546833038,
+            0.14901961386203766
+          ],
+          "alpha": 1,
+          "hex": "#872526"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:599",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Antar": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.7490196228027344,
+            0.8901960849761963,
+            0.929411768913269
+          ],
+          "alpha": 1,
+          "hex": "#BFE3ED"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:600",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Azzay": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.4745098054409027,
+            0.529411792755127,
+            0.4274509847164154
+          ],
+          "alpha": 1,
+          "hex": "#79876D"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:601",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Cloro": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.886274516582489,
+            0.9137254953384399,
+            0.6117647290229797
+          ],
+          "alpha": 1,
+          "hex": "#E2E99C"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:602",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Arena": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9803921580314636,
+            0.929411768913269,
+            0.7372549176216125
+          ],
+          "alpha": 1,
+          "hex": "#FAEDBC"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:603",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Carota": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9725490212440491,
+            0.48627451062202454,
+            0.33725491166114807
+          ],
+          "alpha": 1,
+          "hex": "#F87C56"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:604",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Khewra": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8627451062202454,
+            0.3843137323856354,
+            0.3686274588108063
+          ],
+          "alpha": 1,
+          "hex": "#DC625E"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:605",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Núbia": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9843137264251709,
+            0.8666666746139526,
+            0.47843137383461
+          ],
+          "alpha": 1,
+          "hex": "#FBDD7A"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:606",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "Calla": {
+        "$type": "color",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.95686274766922,
+            0.7647058963775635,
+            0.800000011920929
+          ],
+          "alpha": 1,
+          "hex": "#F4C3CC"
+        },
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:607",
+          "com.figma.scopes": [
+            "ALL_SCOPES"
+          ],
+          "com.figma.isOverride": true
+        }
+      }
+    }
+  },
+  "font": {
+    "family": {
+      "primary": {
+        "$type": "string",
+        "$value": "Outfit",
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:631",
+          "com.figma.scopes": [
+            "FONT_FAMILY"
+          ],
+          "com.figma.type": "string",
+          "com.figma.isOverride": true
+        }
+      },
+      "secondary": {
+        "$type": "string",
+        "$value": "Inter",
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:632",
+          "com.figma.scopes": [
+            "FONT_FAMILY"
+          ],
+          "com.figma.type": "string",
+          "com.figma.isOverride": true
+        }
+      },
+      "tertiary": {
+        "$type": "string",
+        "$value": "Jetbrains Mono",
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:633",
+          "com.figma.scopes": [
+            "FONT_FAMILY"
+          ],
+          "com.figma.type": "string",
+          "com.figma.isOverride": true
+        }
+      }
+    },
+    "weight": {
+      "thin": {
+        "$type": "number",
+        "$value": 100,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:634",
+          "com.figma.scopes": [
+            "FONT_STYLE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "extralight": {
+        "$type": "number",
+        "$value": 200,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:635",
+          "com.figma.scopes": [
+            "FONT_STYLE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "light": {
+        "$type": "number",
+        "$value": 300,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:636",
+          "com.figma.scopes": [
+            "FONT_STYLE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "regular": {
+        "$type": "number",
+        "$value": 400,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:637",
+          "com.figma.scopes": [
+            "FONT_STYLE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "medium": {
+        "$type": "number",
+        "$value": 500,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:638",
+          "com.figma.scopes": [
+            "FONT_STYLE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "semibold": {
+        "$type": "number",
+        "$value": 600,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:639",
+          "com.figma.scopes": [
+            "FONT_STYLE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "bold": {
+        "$type": "number",
+        "$value": 700,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:640",
+          "com.figma.scopes": [
+            "FONT_STYLE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "extrabold": {
+        "$type": "number",
+        "$value": 800,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:641",
+          "com.figma.scopes": [
+            "FONT_STYLE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "back": {
+        "$type": "number",
+        "$value": 900,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:642",
+          "com.figma.scopes": [
+            "FONT_STYLE"
+          ],
+          "com.figma.isOverride": true
+        }
+      }
+    },
+    "size": {
+      "xs": {
+        "$type": "number",
+        "$value": 12,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:643",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "2xs": {
+        "$type": "number",
+        "$value": 14,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:644",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "3xs": {
+        "$type": "number",
+        "$value": 16,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:645",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "4xs": {
+        "$type": "number",
+        "$value": 18,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:646",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "sm": {
+        "$type": "number",
+        "$value": 20,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:647",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "2sm": {
+        "$type": "number",
+        "$value": 24,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:648",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "3sm": {
+        "$type": "number",
+        "$value": 28,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:649",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "4sm": {
+        "$type": "number",
+        "$value": 32,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:650",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "md": {
+        "$type": "number",
+        "$value": 36,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:651",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "2md": {
+        "$type": "number",
+        "$value": 40,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:652",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "3md": {
+        "$type": "number",
+        "$value": 48,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:653",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "4md": {
+        "$type": "number",
+        "$value": 56,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:654",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "lg": {
+        "$type": "number",
+        "$value": 64,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:655",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "2lg": {
+        "$type": "number",
+        "$value": 72,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:656",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "3lg": {
+        "$type": "number",
+        "$value": 80,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:657",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "4lg": {
+        "$type": "number",
+        "$value": 88,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:658",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "xl": {
+        "$type": "number",
+        "$value": 96,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:659",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "2xl": {
+        "$type": "number",
+        "$value": 112,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:660",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "3xl": {
+        "$type": "number",
+        "$value": 120,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:661",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      },
+      "4xl": {
+        "$type": "number",
+        "$value": 140,
+        "$extensions": {
+          "com.figma.variableId": "VariableID:2002:662",
+          "com.figma.scopes": [
+            "FONT_SIZE"
+          ],
+          "com.figma.isOverride": true
+        }
+      }
+    }
+  },
+  "spacing": {
+    "0": {
+      "$type": "number",
+      "$value": 0,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:548",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "2": {
+      "$type": "number",
+      "$value": 2,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:549",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "4": {
+      "$type": "number",
+      "$value": 4,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:550",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "8": {
+      "$type": "number",
+      "$value": 8,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:551",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "12": {
+      "$type": "number",
+      "$value": 12,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:552",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "14": {
+      "$type": "number",
+      "$value": 14,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:553",
+        "com.figma.scopes": [
+          "ALL_SCOPES"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "16": {
+      "$type": "number",
+      "$value": 16,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:554",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "20": {
+      "$type": "number",
+      "$value": 20,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:555",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "24": {
+      "$type": "number",
+      "$value": 24,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:556",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "28": {
+      "$type": "number",
+      "$value": 28,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:557",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "32": {
+      "$type": "number",
+      "$value": 32,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:558",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "36": {
+      "$type": "number",
+      "$value": 36,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:559",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "40": {
+      "$type": "number",
+      "$value": 40,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:560",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "48": {
+      "$type": "number",
+      "$value": 48,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:561",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "56": {
+      "$type": "number",
+      "$value": 56,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:562",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "64": {
+      "$type": "number",
+      "$value": 64,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:563",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "72": {
+      "$type": "number",
+      "$value": 72,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:564",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "80": {
+      "$type": "number",
+      "$value": 80,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:565",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "88": {
+      "$type": "number",
+      "$value": 88,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:566",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "96": {
+      "$type": "number",
+      "$value": 96,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:567",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "112": {
+      "$type": "number",
+      "$value": 112,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:568",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "128": {
+      "$type": "number",
+      "$value": 128,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:569",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "160": {
+      "$type": "number",
+      "$value": 160,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:570",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "192": {
+      "$type": "number",
+      "$value": 192,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:571",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "opacity": {
+    "0": {
+      "$type": "number",
+      "$value": 0,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:620",
+        "com.figma.scopes": [
+          "OPACITY"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "10": {
+      "$type": "number",
+      "$value": 10,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:621",
+        "com.figma.scopes": [
+          "OPACITY"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "20": {
+      "$type": "number",
+      "$value": 20,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:622",
+        "com.figma.scopes": [
+          "OPACITY"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "30": {
+      "$type": "number",
+      "$value": 30,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:623",
+        "com.figma.scopes": [
+          "OPACITY"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "40": {
+      "$type": "number",
+      "$value": 40,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:624",
+        "com.figma.scopes": [
+          "OPACITY"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "50": {
+      "$type": "number",
+      "$value": 50,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:625",
+        "com.figma.scopes": [
+          "OPACITY"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "60": {
+      "$type": "number",
+      "$value": 60,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:626",
+        "com.figma.scopes": [
+          "OPACITY"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "70": {
+      "$type": "number",
+      "$value": 70,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:627",
+        "com.figma.scopes": [
+          "OPACITY"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "80": {
+      "$type": "number",
+      "$value": 80,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:628",
+        "com.figma.scopes": [
+          "OPACITY"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "90": {
+      "$type": "number",
+      "$value": 90,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:629",
+        "com.figma.scopes": [
+          "OPACITY"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "100": {
+      "$type": "number",
+      "$value": 100,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:630",
+        "com.figma.scopes": [
+          "OPACITY"
+        ],
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "radius": {
+    "min": {
+      "$type": "number",
+      "$value": 4,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:663",
+        "com.figma.scopes": [
+          "CORNER_RADIUS"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "xxs": {
+      "$type": "number",
+      "$value": 6,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2079:555",
+        "com.figma.scopes": [
+          "CORNER_RADIUS"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "xs": {
+      "$type": "number",
+      "$value": 8,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:664",
+        "com.figma.scopes": [
+          "CORNER_RADIUS"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "sm": {
+      "$type": "number",
+      "$value": 12,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2061:224",
+        "com.figma.scopes": [
+          "CORNER_RADIUS"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "md": {
+      "$type": "number",
+      "$value": 16,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:665",
+        "com.figma.scopes": [
+          "CORNER_RADIUS"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "lg": {
+      "$type": "number",
+      "$value": 24,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:666",
+        "com.figma.scopes": [
+          "CORNER_RADIUS"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "xl": {
+      "$type": "number",
+      "$value": 32,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2101:364",
+        "com.figma.scopes": [
+          "CORNER_RADIUS"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "xxl": {
+      "$type": "number",
+      "$value": 48,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:667",
+        "com.figma.scopes": [
+          "CORNER_RADIUS"
+        ],
+        "com.figma.isOverride": true
+      }
+    },
+    "max": {
+      "$type": "number",
+      "$value": 9999,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:668",
+        "com.figma.scopes": [
+          "CORNER_RADIUS"
+        ],
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "breakpoint": {
+    "width": {
+      "$type": "number",
+      "$value": 1312,
+      "$extensions": {
+        "com.figma.variableId": "VariableID:2002:547",
+        "com.figma.scopes": [
+          "WIDTH_HEIGHT"
+        ],
+        "com.figma.isOverride": true
+      }
+    }
+  },
+  "$extensions": {
+    "com.figma.modeName": "Default"
+  }
+}
+
+
+
+--font-weight-thin 100
+--font-weight-extralight 200
+--font-weight-light 300
+--font-weight-normal 400
+--font-weight-medium 500
+--font-weight-semibold 600
+--font-weight-bold 700
+--font-weight-extrabold 800
+--font-weight-black 900
+
+--line-height-xs 100%
+--line-height-sm 120%
+--line-height-md 130%
+--line-height-lg 150%
+--line-height-xl 200%
+
+
+
+--letter-spacing-xxxs
+-8%
+--letter-spacing-xxs
+-6%
+--letter-spacing-xs
+-4%
+--letter-spacing-sm
+-2%
+--letter-spacing-md
+0%
+--letter-spacing-lg
+2%
+--letter-spacing-xl
+4%
+--letter-spacing-xxl
+6%
+--letter-spacing-xxxl
+8%
+
+
+100%
+--opacity-100
+90%
+--opacity-90
+80%
+--opacity-80
+70%
+--opacity-70
+60%
+--opacity-60
+50%
+--opacity-50
+40%
+--opacity-40
+30%
+--opacity-30
+20%
+--opacity-20
+10%
+--opacity-10
+0%
+--opacity-0
+
+
+4px
+--radius-min
+6px
+--radius-xxs
+8px
+--radius-xs
+12px
+--radius-sm
+16px
+--radius-md
+24px
+--radius-lg
+32px
+--radius-xl
+48px
+--radius-xxl
+100%
+--radius-max
+
+
+4px
+--padding-xs
+8px
+--padding-sm
+12px
+--padding-md
+16px
+--padding-lg
+24px
+--padding-xl
+32px
+--padding-hg
+
+tbm ter padding 6px e 10px
+
+
+spacing
+4px
+8px
+12px
+14px
+16px
+20px
+24px
+28px
+32px
+36px
+40px
+48px
+56px
+64px
+72px
+80px
+88px
+96px
+112px
+128px
+160px
 192px