{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$description": "BASE Studio / 42 — Design Tokens. Extracted from 24 Elementor JSONs of the Hello Elementor template (Orbix). System colors + extended palette from local widget overrides. Compatible with W3C Design Tokens, Figma Tokens, Style Dictionary.",
  "$metadata": {
    "brand": "BASE Studio / 42",
    "tagline": "Estrutura. Clareza. Conversão.",
    "manifesto": "Design bruto. Performance real. E: EXECUÇÃO.",
    "visualStyle": "Clean agency template (Orbix) — pill buttons, Bricolage+Urbanist",
    "source": "24 JSONs from templatekit.kitprostudio.com/orbix",
    "version": "4.0.0",
    "lastUpdated": "2026-08-19"
  },
  "color": {
    "system": {
      "primary":   { "$value": "#ff5100", "$type": "color", "$description": "Primary brand — orange, used for accents and highlights" },
      "secondary": { "$value": "#54595F", "$type": "color", "$description": "Secondary — deep neutral" },
      "text":      { "$value": "#7A7A7A", "$type": "color", "$description": "Default muted text" },
      "accent":    { "$value": "#ff5100", "$type": "color", "$description": "Accent — primary orange for highlights and positive states" }
    },
    "neutral": {
      "white":      { "$value": "#FFFFFF", "$type": "color" },
      "offWhite":   { "$value": "#F7F7F7", "$type": "color", "$description": "Section alternate background" },
      "grey3":      { "$value": "#EBEBEB", "$type": "color" },
      "line":       { "$value": "#DDDDDD", "$type": "color" },
      "body":       { "$value": "#626161", "$type": "color" },
      "textMuted":  { "$value": "#7A7A7A", "$type": "color" },
      "darkGrey":   { "$value": "#3A3A3A", "$type": "color" },
      "blackGrey":  { "$value": "#1D1D1D", "$type": "color" },
      "black":      { "$value": "#0A0A0A", "$type": "color" }
    },
    "extend": {
      "offWhite": {
        "softest":  { "$value": "#FAFAFA", "$type": "color", "$description": "Softest surface — hero overlays" },
        "softer":   { "$value": "#F9F9F9", "$type": "color", "$description": "Soft surface — inner cards" },
        "soft":     { "$value": "#F3F3F3", "$type": "color", "$description": "Soft alt bg" },
        "neutral":  { "$value": "#F0F0F0", "$type": "color", "$description": "Neutral section bg" },
        "warm":     { "$value": "#E9E9E9", "$type": "color", "$description": "Warm soft surface" },
        "cool":     { "$value": "#E1E1E1", "$type": "color", "$description": "Cool soft surface" }
      },
      "grey": {
        "lightest": { "$value": "#CBCBCB", "$type": "color", "$description": "Disabled text" },
        "lighter":  { "$value": "#B4B4B4", "$type": "color", "$description": "Borders, dividers" },
        "light":    { "$value": "#A5A5A5", "$type": "color", "$description": "Placeholder text" },
        "midlight": { "$value": "#949494", "$type": "color", "$description": "Muted secondary text" },
        "mid":      { "$value": "#878787", "$type": "color", "$description": "Muted" },
        "midalt":   { "$value": "#858585", "$type": "color", "$description": "Mid alt" },
        "darkmid":  { "$value": "#737373", "$type": "color", "$description": "Subheadings" },
        "darker":   { "$value": "#707070", "$type": "color", "$description": "Body variant" },
        "dark":     { "$value": "#585858", "$type": "color", "$description": "Strong body" }
      },
      "dark": {
        "soft":     { "$value": "#575757", "$type": "color", "$description": "Heading variant" },
        "neutral":  { "$value": "#3E3E3E", "$type": "color", "$description": "Heading strong" },
        "neutral2": { "$value": "#3C3C3C", "$type": "color", "$description": "Alt heading" },
        "mid":      { "$value": "#323232", "$type": "color", "$description": "Surface dark" },
        "deep":     { "$value": "#2A2A2A", "$type": "color", "$description": "Footer surface" },
        "deeper":   { "$value": "#292929", "$type": "color", "$description": "Footer surface alt" },
        "darkest":  { "$value": "#252525", "$type": "color", "$description": "Headline max contrast" },
        "void":     { "$value": "#232323", "$type": "color", "$description": "Headline max" }
      },
      "ui": {
        "searchBorder":  { "$value": "#727272", "$type": "color", "$description": "Search input border" },
        "searchIcon":    { "$value": "#5E5D5D", "$type": "color", "$description": "Search icon" },
        "menuHover":     { "$value": "#ABABAB", "$type": "color", "$description": "Menu hover/active" }
      }
    },
    "state": {
      "error":         { "$value": "#FF2626", "$type": "color", "$description": "Error / 404 highlight" },
      "success":       { "$value": "#ff5100", "$type": "color", "$description": "Success (uses primary)" },
      "buttonHoverBg": { "$value": "#E6E6E6", "$type": "color", "$description": "Button hover background" },
      "buttonHoverText":{ "$value": "#3A3A3A", "$type": "color", "$description": "Button hover text" }
    },
    "semantic": {
      "background":        { "$value": "{color.neutral.white}",      "$type": "color" },
      "backgroundAlt":     { "$value": "{color.neutral.offWhite}",   "$type": "color" },
      "surface":           { "$value": "{color.neutral.white}",      "$type": "color" },
      "surfaceInverse":    { "$value": "{color.neutral.blackGrey}",  "$type": "color" },
      "textPrimary":       { "$value": "{color.neutral.darkGrey}",   "$type": "color" },
      "textBody":          { "$value": "{color.neutral.body}",       "$type": "color" },
      "textMuted":         { "$value": "{color.neutral.textMuted}",  "$type": "color" },
      "textInverse":       { "$value": "{color.neutral.white}",      "$type": "color" },
      "border":            { "$value": "{color.neutral.line}",       "$type": "color" },
      "buttonBg":          { "$value": "{color.neutral.blackGrey}",  "$type": "color" },
      "buttonText":        { "$value": "{color.neutral.white}",      "$type": "color" }
    }
  },
  "typography": {
    "fontFamily": {
      "display":  { "$value": "\"Bricolage Grotesque\", sans-serif", "$type": "fontFamily", "$description": "Variable display font. Used 70 times across 24 JSONs. All headings, hero, navigation, display type, footer wordmark." },
      "body":     { "$value": "Urbanist, sans-serif",                "$type": "fontFamily", "$description": "Used 64 times. Body copy, buttons, captions, labels, meta. Geometric, friendly, very legible." },
      "accent":   { "$value": "\"Playfair Display\", serif",         "$type": "fontFamily", "$description": "Used 31+ times as focused_title inside ElementsKit headings. Serif italic for keyword emphasis — wraps the word between { } in title pattern. 500 weight, italic style, capitalize." }
    },
    "fontWeight": {
      "light":    { "$value": 300, "$type": "fontWeight", "$description": "Used 1x — hero text" },
      "regular":  { "$value": 400, "$type": "fontWeight", "$description": "Used 57x — body default" },
      "medium":   { "$value": 500, "$type": "fontWeight", "$description": "Used 36x — buttons, sub-headings" },
      "semibold": { "$value": 600, "$type": "fontWeight", "$description": "Used 40x — strong headings" }
    },
    "fontSize": {
      "h1":          { "$value": "6.3em",   "$type": "dimension", "$description": "Page title / hero" },
      "h2":          { "$value": "3.8em",   "$type": "dimension" },
      "h3":          { "$value": "2.8em",   "$type": "dimension" },
      "h4":          { "$value": "2.3em",   "$type": "dimension" },
      "h5":          { "$value": "1.8em",   "$type": "dimension" },
      "h6":          { "$value": "1.2em",   "$type": "dimension" },
      "body":        { "$value": "1em",     "$type": "dimension" },
      "small":       { "$value": "0.875em", "$type": "dimension" },
      "tiny":        { "$value": "0.75em",  "$type": "dimension" },
      "hero":        { "$value": "1.3em",   "$type": "dimension", "$description": "Hero subtitle / lead text — light 300" },
      "faq":         { "$value": "1.1em",   "$type": "dimension", "$description": "Accordion FAQ body" },
      "contact":     { "$value": "1.6em",   "$type": "dimension", "$description": "Contact info (address, phone)" },
      "count":       { "$value": "3.3em",   "$type": "dimension", "$description": "Big number / stat display" },
      "footer":      { "$value": "5.7em",   "$type": "dimension", "$description": "Footer brand display" },
      "display":     { "$value": "12.9em",  "$type": "dimension", "$description": "Massive display, manifesto lines, 404 hero" },
      "display404":  { "$value": "16em",    "$type": "dimension", "$description": "404 mega display" },
      "h6Tablet":    { "$value": "1.4em",   "$type": "dimension", "$description": "Tablet size for h6" }
    },
    "lineHeight": {
      "tight":   { "$value": 1,    "$type": "number", "$description": "Headings (49×) — single line" },
      "snug":    { "$value": 1.1,  "$type": "number", "$description": "Hero text (1×)" },
      "normal":  { "$value": 1.5,  "$type": "number", "$description": "Body text" },
      "relaxed": { "$value": 1.75, "$type": "number" }
    },
    "letterSpacing": {
      "tight":   { "$value": "-0.02em", "$type": "dimension" },
      "normal":  { "$value": "0",       "$type": "dimension" },
      "wide":    { "$value": "0.07em",  "$type": "dimension", "$description": "Default body tracking (51×)" },
      "widest":  { "$value": "0.2em",   "$type": "dimension", "$description": "Eyebrow labels, uppercase" }
    },
    "textTransform": {
      "uppercase":  { "$value": "uppercase",  "$type": "string", "$description": "Eyebrow labels (5×)" },
      "capitalize": { "$value": "capitalize", "$type": "string", "$description": "Default headings (49×)" },
      "none":       { "$value": "none",       "$type": "string" }
    },
    "fontStyle": {
      "normal":  { "$value": "normal",  "$type": "string" },
      "italic":  { "$value": "italic",  "$type": "string", "$description": "Italic — required for Playfair Display in focused_title pattern" }
    }
  },
  "spacing": {
    "0":  { "$value": "0px",   "$type": "dimension" },
    "1":  { "$value": "4px",   "$type": "dimension" },
    "2":  { "$value": "8px",   "$type": "dimension" },
    "3":  { "$value": "12px",  "$type": "dimension" },
    "4":  { "$value": "16px",  "$type": "dimension" },
    "5":  { "$value": "20px",  "$type": "dimension" },
    "6":  { "$value": "24px",  "$type": "dimension" },
    "8":  { "$value": "32px",  "$type": "dimension" },
    "10": { "$value": "40px",  "$type": "dimension" },
    "12": { "$value": "48px",  "$type": "dimension" },
    "16": { "$value": "64px",  "$type": "dimension" },
    "20": { "$value": "80px",  "$type": "dimension" },
    "24": { "$value": "96px",  "$type": "dimension" },
    "32": { "$value": "128px", "$type": "dimension" },
    "40": { "$value": "160px", "$type": "dimension" }
  },
  "borderRadius": {
    "none":   { "$value": "0px",   "$type": "dimension" },
    "sm":     { "$value": "4px",   "$type": "dimension" },
    "md":     { "$value": "8px",   "$type": "dimension" },
    "lg":     { "$value": "16px",  "$type": "dimension" },
    "xl":     { "$value": "24px",  "$type": "dimension" },
    "2xl":    { "$value": "32px",  "$type": "dimension" },
    "pill":   { "$value": "999px", "$type": "dimension", "$description": "Buttons default" },
    "circle": { "$value": "50%",   "$type": "dimension" }
  },
  "border": {
    "width": {
      "hairline": { "$value": "1px",  "$type": "dimension" },
      "thin":     { "$value": "2px",  "$type": "dimension" },
      "thick":    { "$value": "4px",  "$type": "dimension" }
    },
    "style": { "solid": { "$value": "solid", "$type": "string" } }
  },
  "size": {
    "container":       { "$value": "1300px", "$type": "dimension" },
    "containerNarrow": { "$value": "960px",  "$type": "dimension" },
    "containerWide":   { "$value": "1600px", "$type": "dimension" },
    "buttonPaddingX":  { "$value": "35px",   "$type": "dimension" },
    "buttonPaddingY":  { "$value": "19px",   "$type": "dimension" }
  },
  "breakpoint": {
    "xs":  { "$value": "480px",  "$type": "dimension" },
    "sm":  { "$value": "640px",  "$type": "dimension" },
    "md":  { "$value": "768px",  "$type": "dimension" },
    "lg":  { "$value": "1025px", "$type": "dimension" },
    "xl":  { "$value": "1280px", "$type": "dimension" },
    "2xl": { "$value": "1536px", "$type": "dimension" }
  },
  "shadow": {
    "none": { "$value": "none",                                "$type": "shadow" },
    "sm":   { "$value": "0 1px 2px 0 rgba(0,0,0,0.05)",        "$type": "shadow" },
    "md":   { "$value": "0 4px 12px -2px rgba(0,0,0,0.08)",    "$type": "shadow" },
    "lg":   { "$value": "0 12px 32px -8px rgba(0,0,0,0.12)",   "$type": "shadow" }
  },
  "opacity": {
    "0":   { "$value": 0,   "$type": "number" },
    "10":  { "$value": 0.1, "$type": "number" },
    "50":  { "$value": 0.5, "$type": "number" },
    "75":  { "$value": 0.75,"$type": "number" },
    "100": { "$value": 1,   "$type": "number" }
  },
  "motion": {
    "duration": {
      "instant": { "$value": "100ms", "$type": "duration" },
      "fast":    { "$value": "200ms", "$type": "duration" },
      "base":    { "$value": "300ms", "$type": "duration" },
      "slow":    { "$value": "500ms", "$type": "duration" }
    },
    "easing": {
      "linear":    { "$value": "linear",                       "$type": "cubic-bezier" },
      "ease":      { "$value": "ease",                         "$type": "cubic-bezier" },
      "easeIn":    { "$value": "cubic-bezier(0.4, 0, 1, 1)",   "$type": "cubic-bezier" },
      "easeOut":   { "$value": "cubic-bezier(0, 0, 0.2, 1)",   "$type": "cubic-bezier" },
      "easeInOut": { "$value": "cubic-bezier(0.4, 0, 0.2, 1)", "$type": "cubic-bezier" }
    }
  },
  "widget": {
    "image": {
      "borderRadius":   { "$value": "{borderRadius.md}",  "$type": "dimension" },
      "aspectRatio":    { "$value": "4/3",                "$type": "string", "$description": "Default project card ratio" }
    },
    "iconList": {
      "iconSize":   { "$value": "16px", "$type": "dimension" },
      "gap":        { "$value": "12px", "$type": "dimension" },
      "iconColor":  { "$value": "{color.neutral.darkGrey}", "$type": "color" }
    },
    "accordion": {
      "borderColor":   { "$value": "{color.neutral.line}",     "$type": "color" },
      "iconClosed":    { "$value": "{color.neutral.darkGrey}", "$type": "color" },
      "iconOpen":      { "$value": "{color.neutral.blackGrey}", "$type": "color" }
    },
    "button": {
      "primary": {
        "background":   { "$value": "{color.neutral.blackGrey}",  "$type": "color" },
        "color":        { "$value": "{color.neutral.white}",      "$type": "color" },
        "border":       { "$value": "{color.neutral.line}",       "$type": "color" },
        "borderWidth":  { "$value": "{border.width.hairline}",    "$type": "dimension" },
        "borderRadius": { "$value": "{borderRadius.pill}",        "$type": "dimension" },
        "paddingX":     { "$value": "{size.buttonPaddingX}",      "$type": "dimension" },
        "paddingY":     { "$value": "{size.buttonPaddingY}",      "$type": "dimension" },
        "fontFamily":   { "$value": "{typography.fontFamily.body}","$type": "fontFamily" },
        "fontWeight":   { "$value": "{typography.fontWeight.medium}","$type": "fontWeight" },
        "textTransform":{ "$value": "{typography.textTransform.capitalize}","$type": "string" },
        "hover": {
          "background": { "$value": "#E6E6E6",                  "$type": "color" },
          "color":      { "$value": "{color.neutral.darkGrey}", "$type": "color" }
        }
      }
    }
  }
}