{
  "$schema": "https://tr.designtokens.org/format/",
  "$description": "artsunami design tokens — W3C Design Tokens (DTCG) format. Mirrors tailwind.config.ts + globals.css. Import into Figma via the Tokens Studio plugin (use artsunami-tokens.tokens-studio.json for the plugin-native shape), or into Style Dictionary / any DTCG-aware tool.",
  "color": {
    "$type": "color",
    "ink": {
      "900": { "$value": "#0B0B0F", "$description": "Primary text / CTA fill (light)" },
      "800": { "$value": "#15151C" },
      "750": { "$value": "#1E1E29", "$description": "Card surface (dark)" },
      "700": { "$value": "#1F1F29" },
      "600": { "$value": "#2A2A35" },
      "500": { "$value": "#5B5B6B", "$description": "Muted text" },
      "400": { "$value": "#7B7B8A" },
      "300": { "$value": "#A6A6B3", "$description": "Placeholder" },
      "200": { "$value": "#D2D2DC" },
      "100": { "$value": "#F4F4F7", "$description": "Hairlines / soft fills" },
      "50": { "$value": "#FAFAFB", "$description": "Page base (light)" }
    },
    "accent": {
      "default": { "$value": "#7C5CFF", "$description": "Brand violet" },
      "soft-light": { "$value": "#E8E1FF" },
      "soft-dark": { "$value": "#1F1938" }
    },
    "semantic": {
      "success": { "$value": "#22C55E" },
      "warn": { "$value": "#F59E0B" },
      "danger": { "$value": "#EF4444" }
    },
    "surface": {
      "bg-light": { "$value": "#FAFAFB" },
      "fg-light": { "$value": "#0B0B0F" },
      "bg-dark": { "$value": "#0B0B0F" },
      "fg-dark": { "$value": "#F5F5F7" },
      "glow-lavender": { "$value": "#EDE7FF" },
      "glow-blue": { "$value": "#DCEBFF" }
    },
    "spectrum": {
      "$description": "Ordered brand rainbow — the animated gradient in the logo, card outlines and CTA rings.",
      "00": { "$value": "#FF2D5C" },
      "12": { "$value": "#FF1F8A" },
      "25": { "$value": "#D81BD3" },
      "37": { "$value": "#7C5CFF" },
      "50": { "$value": "#00D4FF" },
      "62": { "$value": "#00FF9B" },
      "75": { "$value": "#FFC700" },
      "87": { "$value": "#FF8A00" }
    }
  },
  "gradient": {
    "$type": "gradient",
    "brandSpectrum": {
      "$value": [
        { "color": "#FF2D5C", "position": 0 },
        { "color": "#FF1F8A", "position": 0.12 },
        { "color": "#D81BD3", "position": 0.25 },
        { "color": "#7C5CFF", "position": 0.37 },
        { "color": "#00D4FF", "position": 0.5 },
        { "color": "#00FF9B", "position": 0.62 },
        { "color": "#FFC700", "position": 0.75 },
        { "color": "#FF8A00", "position": 0.87 },
        { "color": "#FF2D5C", "position": 1 }
      ]
    }
  },
  "fontFamily": {
    "$type": "fontFamily",
    "display": { "$value": ["Mozilla Headline", "Outfit", "system-ui", "sans-serif"] },
    "sans": { "$value": ["Outfit", "ui-sans-serif", "system-ui", "-apple-system", "Segoe UI", "Roboto"] },
    "mono": { "$value": ["Outfit", "ui-monospace", "SFMono-Regular"], "$description": "Addresses / token IDs stay on-brand rather than switching to a monospace." }
  },
  "fontWeight": {
    "$type": "fontWeight",
    "regular": { "$value": 400 },
    "medium": { "$value": 500 },
    "bold": { "$value": 700 },
    "extrabold": { "$value": 800 },
    "black": { "$value": 900 }
  },
  "dimension": {
    "$type": "dimension",
    "rootFontSize": { "$value": "17px" },
    "radius": {
      "base": { "$value": "2px", "$description": "Global sharp corner on every surface." },
      "full": { "$value": "9999px", "$description": "Avatars only." }
    }
  },
  "typography": {
    "$type": "typography",
    "h1": { "$value": { "fontFamily": "Mozilla Headline", "fontWeight": 900, "fontSize": "clamp(1.75rem, 6vw, 3.5rem)", "lineHeight": "1.08", "letterSpacing": "-0.02em" } },
    "h2": { "$value": { "fontFamily": "Mozilla Headline", "fontWeight": 900, "fontSize": "clamp(1.35rem, 4vw, 2.25rem)", "lineHeight": "1.18", "letterSpacing": "-0.02em" } },
    "h3": { "$value": { "fontFamily": "Mozilla Headline", "fontWeight": 800, "fontSize": "clamp(1.15rem, 3vw, 1.5rem)", "lineHeight": "1.25", "letterSpacing": "-0.01em" } },
    "body": { "$value": { "fontFamily": "Outfit", "fontWeight": 400, "fontSize": "1rem", "lineHeight": "1.6", "letterSpacing": "0" } },
    "bodyMedium": { "$value": { "fontFamily": "Outfit", "fontWeight": 500, "fontSize": "1rem", "lineHeight": "1.6", "letterSpacing": "0" } },
    "label": { "$value": { "fontFamily": "Outfit", "fontWeight": 700, "fontSize": "0.75rem", "lineHeight": "1.2", "letterSpacing": "0.06em", "textCase": "uppercase" } }
  },
  "shadow": {
    "$type": "shadow",
    "soft": { "$value": [ { "offsetX": "0", "offsetY": "10px", "blur": "40px", "spread": "-10px", "color": "rgba(20,20,40,0.10)" }, { "offsetX": "0", "offsetY": "4px", "blur": "16px", "spread": "-8px", "color": "rgba(20,20,40,0.06)" } ] },
    "card": { "$value": [ { "offsetX": "0", "offsetY": "24px", "blur": "60px", "spread": "-20px", "color": "rgba(60,60,120,0.18)" }, { "offsetX": "0", "offsetY": "8px", "blur": "24px", "spread": "-12px", "color": "rgba(60,60,120,0.10)" } ] },
    "cardHover": { "$value": [ { "offsetX": "0", "offsetY": "36px", "blur": "90px", "spread": "-24px", "color": "rgba(80,80,160,0.28)" }, { "offsetX": "0", "offsetY": "12px", "blur": "32px", "spread": "-10px", "color": "rgba(80,80,160,0.14)" } ] },
    "glow": { "$value": [ { "offsetX": "0", "offsetY": "0", "blur": "0", "spread": "6px", "color": "rgba(124,92,255,0.10)" }, { "offsetX": "0", "offsetY": "18px", "blur": "60px", "spread": "-10px", "color": "rgba(124,92,255,0.30)" } ] }
  },
  "motion": {
    "easing": { "$type": "cubicBezier", "swift": { "$value": [0.22, 1, 0.36, 1] } },
    "duration": {
      "$type": "duration",
      "fast": { "$value": "300ms" },
      "slow": { "$value": "500ms" },
      "ringSlide": { "$value": "3500ms", "$description": "Brand spectrum sweep on hover" },
      "storySpin": { "$value": "3000ms" }
    }
  }
}