{
    "$schema": "./tokens.schema.json",
    "meta": {
      "name": "IAMJARL Design System",
      "version": "0.5.0",
      "updated": "2026-05-01",
      "source": "IAMJARL Design System"
    },
    "brand": {
      "name": "IAMJARL",
      "icons": {
        "library": "phosphor",
        "defaultWeight": "regular",
        "weightsAllowed": ["thin", "light", "regular", "bold", "fill", "duotone"],
        "defaultSizes": [16, 20, 24, 28]
      },
      "typography": {
        "family": {
          "ui": "system-ui",
          "mono": "ui-monospace"
        },
        "weights": {
          "regular": 400,
          "semibold": 600,
          "bold": 700
        },
        "sizes": {
          "xs": 12,
          "sm": 14,
          "base": 16,
          "lg": 18,
          "xl": 24,
          "xxl": 36
        },
        "lineHeights": {
          "tight": 20,
          "normal": 24,
          "relaxed": 28,
          "xxl": 43.2,
          "sm": 18
        }
      }
    },
    "tokens": {
      "radius": {
        "sm": 8,
        "md": 12,
        "lg": 16
      },
      "spacing": {
        "xs": 4,
        "sm": 8,
        "md": 12,
        "lg": 16,
        "xl": 20,
        "xxl": 24,
        "xxxl": 32
      },
      "colors": {
        "static": {
          "black": "#000000",
          "white": "#FFFFFF"
        },
        "shared": {
          "success": "#4CAF50",
          "onSuccess": "#000000",
          "warning": "#FF6B35",
          "onWarning": "#000000",
          "error": "#D70015",
          "onError": "#FFFFFF"
        },
        "modes": {
          "light": {
            "primary": "#A435D2",
            "onPrimary": "#FFFFFF",
            "text": {
              "primary": "#000000",
              "secondary": "rgba(0, 0, 0, 0.70)",
              "tertiary": "rgba(0, 0, 0, 0.55)",
              "inverse": "#FFFFFF"
            },
            "background": {
              "app": "#FFFFFF",
              "muted": "rgba(0, 0, 0, 0.04)",
              "card": "rgba(0, 0, 0, 0.04)"
            },
            "surface": {
              "default": "#FFFFFF",
              "raised": "rgba(0, 0, 0, 0.02)"
            },
            "border": {
              "subtle": "rgba(0, 0, 0, 0.10)",
              "default": "rgba(0, 0, 0, 0.16)"
            }
          },
          "dark": {
            "primary": "#D0FF00",
            "onPrimary": "#000000",
            "text": {
              "primary": "#FFFFFF",
              "secondary": "rgba(255, 255, 255, 0.75)",
              "tertiary": "rgba(255, 255, 255, 0.60)",
              "inverse": "#000000"
            },
            "background": {
              "app": "#000000",
              "muted": "rgba(255, 255, 255, 0.05)",
              "card": "rgba(255, 255, 255, 0.05)"
            },
            "surface": {
              "default": "#000000",
              "raised": "rgba(255, 255, 255, 0.03)"
            },
            "border": {
              "subtle": "rgba(255, 255, 255, 0.12)",
              "default": "rgba(255, 255, 255, 0.18)"
            }
          }
        }
      },
      "shadows": {
        "sm": { "x": 0, "y": 1, "blur": 2, "opacity": 0.05 },
        "md": { "x": 0, "y": 4, "blur": 8, "opacity": 0.08 },
        "lg": { "x": 0, "y": 8, "blur": 24, "opacity": 0.12 }
      },
      "motion": {
        "duration": {
          "fast": 150,
          "normal": 250,
          "slow": 400
        },
        "easing": {
          "standard": [0.4, 0, 0.2, 1],
          "emphasized": [0.2, 0, 0, 1]
        }
      },
      "breakpoints": {
        "popup": 320,
        "sm": 640,
        "md": 768,
        "lg": 1024,
        "xl": 1280,
        "xxl": 1536
      },
      "focus": {
        "width": 2,
        "offset": 2
      }
    },
    "guidance": {
      "primaryUsage": [
        "Primary is used for main CTA buttons, links, progress indicators, and key highlights.",
        "Avoid using primary for destructive actions."
      ],
      "statesUsage": [
        "Success is used for confirmations and completed states.",
        "Warning is used for attention without error.",
        "Error is used for destructive actions and validation errors."
      ],
      "darkMode": [
        "All products must support both light and dark mode.",
        "Never hardcode pure black or white outside of tokens.colors.static."
      ]
    }
  }