{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$metadata": {
    "name": "Izzat Brand OS",
    "version": "1.0.0",
    "updated": "2026-05-17",
    "source": "css/tokens.css (izzat-global-site) + Figma 18QIUK1CGtY6byXa8GBLJT",
    "license": "Internal — Izzat Global"
  },

  "color": {
    "accent": {
      "default":     { "$value": "#FF6A00", "$type": "color", "description": "Brand principal · oficial · OKLCH 0.672 0.18 41" },
      "light":       { "$value": "#FF8C33", "$type": "color", "description": "Hover · highlight" },
      "dark":        { "$value": "#cc5500", "$type": "color", "description": "Active · pressed legacy" },
      "hover-warm":  { "$value": "#ED742E", "$type": "color", "description": "Hover state friendly" },
      "pressed":     { "$value": "#E25F02", "$type": "color", "description": "Pressed state" },
      "link":        { "$value": "#D95B02", "$type": "color", "description": "Link sobre fundo claro" },
      "shadow":      { "$value": "#B74C01", "$type": "color", "description": "Sombra darker orange" },
      "glow":        { "$value": "rgba(255,106,0,0.08)", "$type": "color", "description": "Glow radial" },
      "ring":        { "$value": "rgba(255,106,0,0.12)", "$type": "color", "description": "Focus ring" }
    },
    "cream": {
      "default":  { "$value": "#E1D4A3", "$type": "color", "description": "Institucional accent secundario · 72 uses Figma" },
      "soft":     { "$value": "#E0D2A2", "$type": "color" },
      "deep":     { "$value": "#DED19F", "$type": "color" }
    },
    "coral": {
      "default":  { "$value": "#F7534B", "$type": "color", "description": "CTA friendly · nao-critico" },
      "soft":     { "$value": "#EC7049", "$type": "color" }
    },
    "navy":         { "$value": "#1D2C44", "$type": "color", "description": "Premium tier · enterprise · raro" },
    "black": {
      "pure":     { "$value": "#010101", "$type": "color", "description": "brand-black · texto premium" },
      "tinted":   { "$value": "#150A00", "$type": "color", "description": "Sombra com leve tint laranja" }
    },

    "ecosystem": {
      "izzat-global": { "$value": "#FF6A00", "$type": "color", "description": "Posicao 0 graus · top do anel" },
      "izzat-day":    { "$value": "#F7534B", "$type": "color", "description": "Posicao 45" },
      "lab":          { "$value": "#E1D4A3", "$type": "color", "description": "Posicao 90" },
      "academy":      { "$value": "#D95B02", "$type": "color", "description": "Posicao 135" },
      "partners":     { "$value": "#1D2C44", "$type": "color", "description": "Posicao 180" },
      "express":      { "$value": "#EC7049", "$type": "color", "description": "Posicao 225" },
      "tools":        { "$value": "#DED19F", "$type": "color", "description": "Posicao 270" },
      "app":          { "$value": "#E25F02", "$type": "color", "description": "Posicao 315" }
    },

    "bg": {
      "primary":   { "$value": "#ffffff", "$type": "color" },
      "secondary": { "$value": "#f5f5f7", "$type": "color" },
      "tertiary":  { "$value": "#f0f0f2", "$type": "color" },
      "card":      { "$value": "rgba(0,0,0,0.02)", "$type": "color" },
      "glass":     { "$value": "rgba(255,255,255,0.82)", "$type": "color" }
    },
    "text": {
      "primary":    { "$value": "#1d1d1f", "$type": "color" },
      "secondary":  { "$value": "#6e6e73", "$type": "color" },
      "tertiary":   { "$value": "#86868b", "$type": "color" },
      "quaternary": { "$value": "#a1a1a6", "$type": "color" }
    },
    "border": {
      "default": { "$value": "rgba(0,0,0,0.06)", "$type": "color" },
      "hover":   { "$value": "rgba(0,0,0,0.12)", "$type": "color" },
      "accent":  { "$value": "rgba(255,106,0,0.2)", "$type": "color" }
    },
    "semantic": {
      "success": { "$value": "#34c759", "$type": "color" },
      "warning": { "$value": "#ff9500", "$type": "color" },
      "danger":  { "$value": "#ff3b30", "$type": "color" },
      "info":    { "$value": "#007aff", "$type": "color" }
    }
  },

  "typography": {
    "family": {
      "primary": { "$value": "-apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', Inter, system-ui, sans-serif", "$type": "fontFamily" },
      "mono":    { "$value": "ui-monospace, 'SF Mono', 'JetBrains Mono', monospace", "$type": "fontFamily" }
    },
    "weight": {
      "regular":  { "$value": 400, "$type": "fontWeight" },
      "medium":   { "$value": 500, "$type": "fontWeight" },
      "semibold": { "$value": 600, "$type": "fontWeight" },
      "bold":     { "$value": 700, "$type": "fontWeight" }
    },
    "tracking": {
      "tighter": { "$value": "-0.04em" },
      "tight":   { "$value": "-0.02em" },
      "normal":  { "$value": "normal" }
    },
    "leading": {
      "tight":   { "$value": 1.2 },
      "snug":    { "$value": 1.4 },
      "normal":  { "$value": 1.6 },
      "relaxed": { "$value": 1.7 }
    },
    "scale": {
      "display":      { "$value": "clamp(3rem, 8vw, 5rem)" },
      "heading-1":    { "$value": "clamp(2.5rem, 5vw, 4rem)" },
      "heading-2":    { "$value": "clamp(2rem, 4vw, 3rem)" },
      "heading-3":    { "$value": "clamp(1.5rem, 3vw, 2rem)" },
      "heading-4":    { "$value": "1.25rem" },
      "body-large":   { "$value": "clamp(1.125rem, 2vw, 1.375rem)" },
      "body":         { "$value": "1rem" },
      "body-small":   { "$value": "0.875rem" },
      "caption":      { "$value": "0.75rem" }
    }
  },

  "space": {
    "0": { "$value": "0" },
    "1": { "$value": "4px" },
    "2": { "$value": "8px" },
    "3": { "$value": "12px" },
    "4": { "$value": "16px" },
    "5": { "$value": "20px" },
    "6": { "$value": "24px" },
    "8": { "$value": "32px" },
    "10": { "$value": "40px" },
    "12": { "$value": "48px" },
    "16": { "$value": "64px" },
    "20": { "$value": "80px" },
    "24": { "$value": "96px" },
    "30": { "$value": "120px" }
  },

  "radius": {
    "sm":   { "$value": "8px" },
    "base": { "$value": "14px" },
    "md":   { "$value": "16px" },
    "lg":   { "$value": "20px" },
    "xl":   { "$value": "24px" },
    "2xl":  { "$value": "32px" },
    "pill": { "$value": "980px" },
    "full": { "$value": "50%" }
  },

  "shadow": {
    "sm":      { "$value": "0 1px 3px rgba(0,0,0,0.04)" },
    "card":    { "$value": "0 4px 24px rgba(0,0,0,0.06)" },
    "card-lg": { "$value": "0 8px 40px rgba(0,0,0,0.06), 0 2px 12px rgba(0,0,0,0.03)" },
    "hero":    { "$value": "0 20px 60px rgba(0,0,0,0.08)" },
    "glow":    { "$value": "0 0 60px rgba(255,106,0,0.06)" },
    "glow-lg": { "$value": "0 12px 48px rgba(0,0,0,0.06), 0 0 80px rgba(255,106,0,0.08)" }
  },

  "motion": {
    "ease": {
      "canon":      { "$value": "cubic-bezier(0.25, 0.46, 0.45, 0.94)", "description": "Apple curve · canon do sistema" },
      "search":     { "$value": "cubic-bezier(0.28, 0.11, 0.32, 1)" },
      "ease-in":    { "$value": "cubic-bezier(0.42, 0, 1, 1)" },
      "ease-out":   { "$value": "cubic-bezier(0, 0, 0.58, 1)" },
      "ease-in-out":{ "$value": "cubic-bezier(0.42, 0, 0.58, 1)" },
      "back-out":   { "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)", "description": "Bounce sutil · scale-in dots" }
    },
    "duration": {
      "fast": { "$value": "200ms" },
      "base": { "$value": "400ms" },
      "slow": { "$value": "800ms" }
    }
  },

  "layout": {
    "max-width":       { "$value": "980px" },
    "max-width-wide":  { "$value": "1100px" },
    "nav-height":      { "$value": "44px" },
    "section-padding": { "$value": "120px" }
  },

  "glass": {
    "light":   { "$value": "rgba(255,255,255,0.82)" },
    "strong":  { "$value": "rgba(255,255,255,0.92)" },
    "dark":    { "$value": "rgba(0,0,0,0.72)" },
    "blur":    { "$value": "saturate(180%) blur(20px)" },
    "blur-lg": { "$value": "saturate(180%) blur(28px)" }
  },

  "video": {
    "master": {
      "fps":          { "$value": 60 },
      "resolution":   { "$value": "3840x2160", "description": "4K master" },
      "export-web":   { "$value": "1920x1080" },
      "export-story": { "$value": "1080x1920" },
      "export-square":{ "$value": "1080x1080" }
    },
    "stinger": { "$value": "04-motion-design/brand-stinger/brand-stinger.svg" },
    "watermark": {
      "size":    { "$value": "64px" },
      "opacity": { "$value": 0.04 },
      "position":{ "$value": "bottom-right" }
    }
  }
}
