{
  "$name": "Mandara",
  "$description": "Design tokens for Mandara, a concept design system adapting IBM Carbon into an editorial dark brand. Dark is the default theme; the \"light\" group lists overrides. Values in {braces} reference other tokens.",
  "$version": "0.1.0",
  "dark": {
    "color": {
      "primitive": {
        "color-black": {
          "$value": "#0A0A0A"
        },
        "color-black-100": {
          "$value": "#111111"
        },
        "color-black-200": {
          "$value": "#1A1A1A"
        },
        "color-black-300": {
          "$value": "#252525"
        },
        "color-black-400": {
          "$value": "#333333"
        },
        "color-cream-50": {
          "$value": "#FDFAF5"
        },
        "color-cream-100": {
          "$value": "#F5F0E8"
        },
        "color-cream-200": {
          "$value": "#EDE6D8"
        },
        "color-cream-300": {
          "$value": "#D9CFC0"
        },
        "color-white": {
          "$value": "#FFFFFF"
        },
        "color-orange-50": {
          "$value": "#FFF3ED"
        },
        "color-orange-100": {
          "$value": "#FFD9C2"
        },
        "color-orange-200": {
          "$value": "#FFB08A"
        },
        "color-orange-300": {
          "$value": "#FF7D45"
        },
        "color-orange-400": {
          "$value": "#FF5722"
        },
        "color-orange-500": {
          "$value": "#E84700"
        },
        "color-orange-600": {
          "$value": "#C43B00"
        },
        "color-orange-700": {
          "$value": "#9E2F00"
        },
        "color-blue-50": {
          "$value": "#EBF5FF"
        },
        "color-blue-200": {
          "$value": "#A8CEEE"
        },
        "color-blue-400": {
          "$value": "#4A90D9"
        },
        "color-blue-600": {
          "$value": "#1D5FA8"
        }
      },
      "semantic": {
        "background": {
          "$value": "{color-black}"
        },
        "background-subtle": {
          "$value": "{color-black-100}"
        },
        "background-ui": {
          "$value": "{color-black-200}"
        },
        "background-hover": {
          "$value": "{color-black-300}"
        },
        "background-active": {
          "$value": "{color-black-400}"
        },
        "surface-01": {
          "$value": "{color-black-100}"
        },
        "surface-02": {
          "$value": "{color-black-200}"
        },
        "surface-03": {
          "$value": "{color-black-300}"
        },
        "surface-overlay": {
          "$value": "rgba(10,10,10,0.85)"
        },
        "surface-light": {
          "$value": "{color-cream-50}"
        },
        "surface-light-02": {
          "$value": "{color-cream-100}"
        },
        "surface-light-03": {
          "$value": "{color-cream-200}"
        },
        "text-primary": {
          "$value": "{color-cream-50}"
        },
        "text-secondary": {
          "$value": "{color-cream-300}"
        },
        "text-placeholder": {
          "$value": "#9A9A9A"
        },
        "text-disabled": {
          "$value": "#757575"
        },
        "text-inverse": {
          "$value": "{color-black}"
        },
        "text-on-color": {
          "$value": "{color-white}"
        },
        "text-on-interactive": {
          "$value": "{color-black}"
        },
        "text-muted": {
          "$value": "{text-secondary}"
        },
        "text-brand": {
          "$value": "{color-orange-400}"
        },
        "interactive": {
          "$value": "{color-orange-500}"
        },
        "interactive-hover": {
          "$value": "{color-orange-400}"
        },
        "interactive-active": {
          "$value": "{color-orange-600}"
        },
        "focus": {
          "$value": "{color-orange-400}"
        },
        "border-subtle": {
          "$value": "rgba(255,255,255,0.08)"
        },
        "border-strong": {
          "$value": "rgba(255,255,255,0.18)"
        },
        "border-brand": {
          "$value": "{color-orange-500}"
        },
        "support-success": {
          "$value": "#42BE65"
        },
        "support-warning": {
          "$value": "#F1C21B"
        },
        "support-error": {
          "$value": "#FA4D56"
        },
        "support-info": {
          "$value": "#4589FF"
        }
      }
    },
    "gradient": {
      "gradient-brand": {
        "$value": "linear-gradient(135deg, #FF5722 0%, #FF9A3C 50%, #FFD166 100%)"
      },
      "gradient-dark": {
        "$value": "linear-gradient(135deg, #1A1A1A 0%, #0A0A0A 100%)"
      },
      "gradient-mesh": {
        "$value": "radial-gradient(ellipse at 20% 50%, rgba(232,71,0,0.35) 0%, transparent 60%),\n                        radial-gradient(ellipse at 80% 20%, rgba(255,161,100,0.2) 0%, transparent 50%),\n                        radial-gradient(ellipse at 60% 80%, rgba(74,144,217,0.15) 0%, transparent 50%)"
      },
      "gradient-card": {
        "$value": "linear-gradient(135deg, rgba(255,87,34,0.12) 0%, rgba(255,154,60,0.06) 100%)"
      }
    },
    "typography": {
      "font-serif": {
        "$value": "'IBM Plex Serif', Georgia, serif"
      },
      "font-sans": {
        "$value": "'IBM Plex Sans', system-ui, sans-serif"
      },
      "font-mono": {
        "$value": "'IBM Plex Mono', 'Courier New', monospace"
      },
      "text-xs": {
        "$value": "0.75rem"
      },
      "text-sm": {
        "$value": "0.875rem"
      },
      "text-base": {
        "$value": "1rem"
      },
      "text-lg": {
        "$value": "1.125rem"
      },
      "text-xl": {
        "$value": "1.25rem"
      },
      "text-2xl": {
        "$value": "1.5rem"
      },
      "text-3xl": {
        "$value": "2rem"
      },
      "text-4xl": {
        "$value": "2.625rem"
      },
      "text-5xl": {
        "$value": "3.375rem"
      },
      "text-6xl": {
        "$value": "4.25rem"
      },
      "text-7xl": {
        "$value": "5.75rem"
      },
      "text-display": {
        "$value": "8rem"
      },
      "leading-tight": {
        "$value": "1.1"
      },
      "leading-snug": {
        "$value": "1.25"
      },
      "leading-normal": {
        "$value": "1.5"
      },
      "leading-relaxed": {
        "$value": "1.625"
      },
      "tracking-tighter": {
        "$value": "-0.03em"
      },
      "tracking-tight": {
        "$value": "-0.02em"
      },
      "tracking-normal": {
        "$value": "0em"
      },
      "tracking-wide": {
        "$value": "0.06em"
      },
      "tracking-wider": {
        "$value": "0.12em"
      },
      "tracking-widest": {
        "$value": "0.2em"
      },
      "weight-light": {
        "$value": "300"
      },
      "weight-regular": {
        "$value": "400"
      },
      "weight-medium": {
        "$value": "500"
      },
      "weight-semibold": {
        "$value": "600"
      },
      "weight-bold": {
        "$value": "700"
      }
    },
    "spacing": {
      "space-1": {
        "$value": "0.25rem"
      },
      "space-2": {
        "$value": "0.5rem"
      },
      "space-3": {
        "$value": "0.75rem"
      },
      "space-4": {
        "$value": "1rem"
      },
      "space-5": {
        "$value": "1.25rem"
      },
      "space-6": {
        "$value": "1.5rem"
      },
      "space-7": {
        "$value": "2rem"
      },
      "space-8": {
        "$value": "2.5rem"
      },
      "space-9": {
        "$value": "3rem"
      },
      "space-10": {
        "$value": "4rem"
      },
      "space-11": {
        "$value": "5rem"
      },
      "space-12": {
        "$value": "6rem"
      },
      "space-13": {
        "$value": "8rem"
      }
    },
    "radius": {
      "radius-none": {
        "$value": "0"
      },
      "radius-sm": {
        "$value": "2px"
      },
      "radius-md": {
        "$value": "4px"
      },
      "radius-lg": {
        "$value": "8px"
      },
      "radius-xl": {
        "$value": "12px"
      },
      "radius-2xl": {
        "$value": "20px"
      },
      "radius-full": {
        "$value": "9999px"
      }
    },
    "shadow": {
      "shadow-sm": {
        "$value": "0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3)"
      },
      "shadow-md": {
        "$value": "0 4px 16px rgba(0,0,0,0.5), 0 2px 6px rgba(0,0,0,0.3)"
      },
      "shadow-lg": {
        "$value": "0 10px 40px rgba(0,0,0,0.6), 0 4px 12px rgba(0,0,0,0.4)"
      },
      "shadow-xl": {
        "$value": "0 24px 64px rgba(0,0,0,0.7)"
      },
      "shadow-brand": {
        "$value": "0 4px 24px rgba(232,71,0,0.35)"
      },
      "shadow-glow": {
        "$value": "0 0 40px rgba(232,71,0,0.2), 0 0 80px rgba(232,71,0,0.1)"
      }
    },
    "motion": {
      "duration-fast": {
        "$value": "100ms"
      },
      "duration-base": {
        "$value": "200ms"
      },
      "duration-slow": {
        "$value": "400ms"
      },
      "duration-slower": {
        "$value": "700ms"
      },
      "ease-standard": {
        "$value": "cubic-bezier(0.2, 0, 0.38, 0.9)"
      },
      "ease-entrance": {
        "$value": "cubic-bezier(0, 0, 0.38, 0.9)"
      },
      "ease-exit": {
        "$value": "cubic-bezier(0.2, 0, 1, 0.9)"
      },
      "ease-expressive": {
        "$value": "cubic-bezier(0.4, 0.14, 0.3, 1)"
      }
    },
    "zindex": {
      "z-below": {
        "$value": "-1"
      },
      "z-base": {
        "$value": "0"
      },
      "z-raised": {
        "$value": "10"
      },
      "z-dropdown": {
        "$value": "100"
      },
      "z-sticky": {
        "$value": "200"
      },
      "z-overlay": {
        "$value": "300"
      },
      "z-modal": {
        "$value": "400"
      },
      "z-toast": {
        "$value": "500"
      }
    }
  },
  "light": {
    "color": {
      "semantic": {
        "background": {
          "$value": "#FDFAF5"
        },
        "background-subtle": {
          "$value": "#F5F0E8"
        },
        "background-ui": {
          "$value": "#EDE6D8"
        },
        "background-hover": {
          "$value": "#D9CFC0"
        },
        "background-active": {
          "$value": "#C8BDAD"
        },
        "surface-01": {
          "$value": "#F5F0E8"
        },
        "surface-02": {
          "$value": "#EDE6D8"
        },
        "surface-03": {
          "$value": "#D9CFC0"
        },
        "surface-overlay": {
          "$value": "rgba(253,250,245,0.92)"
        },
        "text-primary": {
          "$value": "#0A0A0A"
        },
        "text-secondary": {
          "$value": "#444444"
        },
        "text-placeholder": {
          "$value": "#5F5F5F"
        },
        "text-disabled": {
          "$value": "#808080"
        },
        "text-inverse": {
          "$value": "#FDFAF5"
        },
        "text-brand": {
          "$value": "{color-orange-600}"
        },
        "border-subtle": {
          "$value": "rgba(0,0,0,0.10)"
        },
        "border-strong": {
          "$value": "rgba(0,0,0,0.22)"
        }
      }
    },
    "shadow": {
      "shadow-sm": {
        "$value": "0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.08)"
      },
      "shadow-md": {
        "$value": "0 4px 16px rgba(0,0,0,0.12), 0 2px 6px rgba(0,0,0,0.08)"
      },
      "shadow-lg": {
        "$value": "0 10px 40px rgba(0,0,0,0.15), 0 4px 12px rgba(0,0,0,0.08)"
      }
    }
  }
}