{
  "$description": "The token values the Appetite UI docs previews draw, in the W3C Design Tokens format: colors, durations, easing curves and shadows. $value is the light mode. A token with a dark mode carries it in $extensions[\"appetiteui.modes\"].dark; a token without one is the same in both modes. The full token source, with its SwiftUI, Compose, Flutter and CSS outputs, comes in the Figma file you buy: https://www.appetiteui.com/pricing.",
  "brand": {
    "$value": "#155DFC",
    "$type": "color",
    "$description": "Brand accent.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#2B7FFF"
      }
    }
  },
  "brand-dk": {
    "$value": "#193CB8",
    "$type": "color",
    "$description": "Brand, darker step used for text on tint.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#82BFFF"
      }
    }
  },
  "brand-a10": {
    "$value": "rgba(43,127,255,.10)",
    "$type": "color",
    "$description": "Brand at 10 percent, the weak fill."
  },
  "on-color": {
    "$value": "#FFFFFF",
    "$type": "color",
    "$description": "Ink on a brand fill."
  },
  "bg": {
    "$value": "#FFFFFF",
    "$type": "color",
    "$description": "Specimen canvas.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#0E0E0F"
      }
    }
  },
  "strong": {
    "$value": "#0E0E0F",
    "$type": "color",
    "$description": "Neutral strong fill and primary ink.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#FFFFFF"
      }
    }
  },
  "strong-pr": {
    "$value": "#2F2F31",
    "$type": "color",
    "$description": "Neutral strong, pressed."
  },
  "on-strong": {
    "$value": "#FFFFFF",
    "$type": "color",
    "$description": "Ink on a neutral strong fill.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#0E0E0F"
      }
    }
  },
  "sub": {
    "$value": "#48484A",
    "$type": "color",
    "$description": "Secondary ink.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#C7C7CC"
      }
    }
  },
  "soft": {
    "$value": "#8E8E93",
    "$type": "color",
    "$description": "Tertiary ink.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#AEAEB2"
      }
    }
  },
  "nstroke": {
    "$value": "#E9E9EA",
    "$type": "color",
    "$description": "Neutral hairline.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#2F2F31"
      }
    }
  },
  "stroke2": {
    "$value": "#D1D1D6",
    "$type": "color",
    "$description": "Neutral hairline, second step.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#48484A"
      }
    }
  },
  "nsub": {
    "$value": "#D1D1D6",
    "$type": "color",
    "$description": "Neutral border, subdued.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#636366"
      }
    }
  },
  "nweak": {
    "$value": "#F4F5F5",
    "$type": "color",
    "$description": "Neutral weak fill.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#242427"
      }
    }
  },
  "error": {
    "$value": "#FB2C36",
    "$type": "color",
    "$description": "Error.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#FB2C36"
      }
    }
  },
  "error-dk": {
    "$value": "#C10007",
    "$type": "color",
    "$description": "Figma variable state/error/dark-700.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#FFA2A2"
      }
    }
  },
  "error-a10": {
    "$value": "rgba(251,44,54,.10)",
    "$type": "color",
    "$description": "Error at 10 percent, the weak fill."
  },
  "dis-bg": {
    "$value": "#E9E9EA",
    "$type": "color",
    "$description": "Disabled fill.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#48484A"
      }
    }
  },
  "dis-fg": {
    "$value": "#AEAEB2",
    "$type": "color",
    "$description": "Disabled ink.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#8E8E93"
      }
    }
  },
  "line": {
    "$value": "#E9E9EA",
    "$type": "color",
    "$description": "Divider.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#2F2F31"
      }
    }
  },
  "dur-instant": {
    "$value": "0ms",
    "$type": "duration"
  },
  "dur-fast": {
    "$value": "120ms",
    "$type": "duration"
  },
  "dur-base": {
    "$value": "200ms",
    "$type": "duration"
  },
  "dur-slow": {
    "$value": "320ms",
    "$type": "duration"
  },
  "dur-slower": {
    "$value": "480ms",
    "$type": "duration"
  },
  "ease-linear": {
    "$value": "cubic-bezier(0,0,1,1)",
    "$type": "cubicBezier"
  },
  "ease-standard": {
    "$value": "cubic-bezier(.2,0,0,1)",
    "$type": "cubicBezier"
  },
  "ease-decelerate": {
    "$value": "cubic-bezier(0,0,0,1)",
    "$type": "cubicBezier"
  },
  "ease-accelerate": {
    "$value": "cubic-bezier(.3,0,1,1)",
    "$type": "cubicBezier"
  },
  "ease-emphasized": {
    "$value": "cubic-bezier(.05,.7,.1,1)",
    "$type": "cubicBezier"
  },
  "nsoft": {
    "$value": "#E9E9EA",
    "$type": "color",
    "$description": "Neutral soft fill.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#48484A"
      }
    }
  },
  "slot-line": {
    "$value": "#D6248A",
    "$type": "color",
    "$description": "Figma paints an empty slot in magenta so nobody mistakes it for a real element.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#FF74BC"
      }
    }
  },
  "slot-bg": {
    "$value": "rgba(214,36,138,.06)",
    "$type": "color",
    "$description": "Empty slot fill.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(255,116,188,.10)"
      }
    }
  },
  "shadow-xs": {
    "$value": "0 1px 2px rgba(0,0,0,.04),0 4px 4px rgba(0,0,0,.01)",
    "$type": "shadow"
  },
  "shadow-sm": {
    "$value": "0 9px 10px -2px rgba(0,0,0,.03),0 3px 5px -2px rgba(0,0,0,.05)",
    "$type": "shadow"
  },
  "shadow-md": {
    "$value": "0 10px 15px -3px rgba(0,0,0,.05),0 4px 6px -4px rgba(0,0,0,.08)",
    "$type": "shadow"
  },
  "shadow-lg": {
    "$value": "0 12px 18px -3px rgba(0,0,0,.08),0 5px 6px -5px rgba(0,0,0,.05)",
    "$type": "shadow"
  },
  "shadow-xl": {
    "$value": "0 14px 20px -5px rgba(0,0,0,.08),0 6px 10px -5px rgba(0,0,0,.10)",
    "$type": "shadow"
  },
  "shadow-2xl": {
    "$value": "0 25px 30px -6px rgba(0,0,0,.12),0 8px 10px -6px rgba(0,0,0,.12)",
    "$type": "shadow"
  },
  "brand-lighter": {
    "$value": "#EFF6FF",
    "$type": "color",
    "$description": "Brand lighter.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#132150"
      }
    }
  },
  "brand-light": {
    "$value": "#DBEAFE",
    "$type": "color",
    "$description": "Brand light.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#0D2673"
      }
    }
  },
  "success": {
    "$value": "#22C55E",
    "$type": "color",
    "$description": "Success accent.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#16A34A"
      }
    }
  },
  "success-lighter": {
    "$value": "#F0FDF4",
    "$type": "color",
    "$description": "Success lighter.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(34,197,94,.16)"
      }
    }
  },
  "success-light": {
    "$value": "#BBF7D0",
    "$type": "color",
    "$description": "Success light, the pressed stop above lighter.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(34,197,94,.24)"
      }
    }
  },
  "warning": {
    "$value": "#FF6900",
    "$type": "color",
    "$description": "Warning accent.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#F54900"
      }
    }
  },
  "warning-lighter": {
    "$value": "#FFF7ED",
    "$type": "color",
    "$description": "Warning lighter.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(255,105,0,.16)"
      }
    }
  },
  "warning-light": {
    "$value": "#FFD6A7",
    "$type": "color",
    "$description": "Warning light, the pressed stop above lighter.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(255,105,0,.24)"
      }
    }
  },
  "error-lighter": {
    "$value": "#FEF2F2",
    "$type": "color",
    "$description": "Error lighter.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(251,44,54,.16)"
      }
    }
  },
  "error-light": {
    "$value": "#FFC9C9",
    "$type": "color",
    "$description": "Error light, the pressed stop above lighter.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(251,44,54,.24)"
      }
    }
  },
  "surface": {
    "$value": "#2F2F31",
    "$type": "color",
    "$description": "Surface 800.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#D1D1D6"
      }
    }
  },
  "scrim": {
    "$value": "rgba(0,0,0,.40)",
    "$type": "color",
    "$description": "Figma variable bg/scrim.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(0,0,0,.48)"
      }
    }
  },
  "static-black": {
    "$value": "#0E0E0F",
    "$type": "color",
    "$description": "Figma variable static/static-black-950."
  },
  "information": {
    "$value": "#155DFC",
    "$type": "color",
    "$description": "Figma variable state/information/base-500.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#155DFC"
      }
    }
  },
  "information-light": {
    "$value": "#BEDBFF",
    "$type": "color",
    "$description": "Figma variable state/information/light-200.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(43,127,255,.24)"
      }
    }
  },
  "information-dark": {
    "$value": "#132150",
    "$type": "color",
    "$description": "Figma variable state/information/dark-950.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#82BFFF"
      }
    }
  },
  "error-dark": {
    "$value": "#460809",
    "$type": "color",
    "$description": "Figma variable state/error/dark-950.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#FFA2A2"
      }
    }
  },
  "error-on-lighter": {
    "$value": "#460809",
    "$type": "color",
    "$description": "The reason copy inside the AI error panel.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#FFA2A2"
      }
    }
  },
  "warning-dark": {
    "$value": "#441306",
    "$type": "color",
    "$description": "Figma variable state/warning/dark-950.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#FF8904"
      }
    }
  },
  "away": {
    "$value": "#FE9A00",
    "$type": "color",
    "$description": "Figma variable state/away/base-500.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#E17100"
      }
    }
  },
  "away-light": {
    "$value": "#FEE685",
    "$type": "color",
    "$description": "Figma variable state/away/light-200.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(254,154,0,.24)"
      }
    }
  },
  "away-dark": {
    "$value": "#461901",
    "$type": "color",
    "$description": "Figma variable state/away/dark-950.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#FFB900"
      }
    }
  },
  "success-dark": {
    "$value": "#09361B",
    "$type": "color",
    "$description": "Figma variable state/success/dark-950.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#86EFAC"
      }
    }
  },
  "feature": {
    "$value": "#7D52F4",
    "$type": "color",
    "$description": "Figma variable state/feature/base-500.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#693EE0"
      }
    }
  },
  "feature-light": {
    "$value": "#CAC0FF",
    "$type": "color",
    "$description": "Figma variable state/feature/light-200.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(125,82,244,.24)"
      }
    }
  },
  "feature-dark": {
    "$value": "#351A75",
    "$type": "color",
    "$description": "Figma variable state/feature/dark-950.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#8C71F6"
      }
    }
  },
  "verified": {
    "$value": "#47C2FF",
    "$type": "color",
    "$description": "Figma variable state/verified/base-500.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#35ADE9"
      }
    }
  },
  "verified-light": {
    "$value": "#C0EAFF",
    "$type": "color",
    "$description": "Figma variable state/verified/light-200.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(71,194,255,.24)"
      }
    }
  },
  "verified-dark": {
    "$value": "#124B68",
    "$type": "color",
    "$description": "Figma variable state/verified/dark-950.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#68CDFF"
      }
    }
  },
  "highlighted": {
    "$value": "#FB4BA3",
    "$type": "color",
    "$description": "Figma variable state/highlighted/base-500.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#E9358F"
      }
    }
  },
  "highlighted-light": {
    "$value": "#FFC0DF",
    "$type": "color",
    "$description": "Figma variable state/highlighted/light-200.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(251,75,163,.24)"
      }
    }
  },
  "highlighted-dark": {
    "$value": "#68123D",
    "$type": "color",
    "$description": "Figma variable state/highlighted/dark-950.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#FF68B3"
      }
    }
  },
  "stable": {
    "$value": "#22D3BB",
    "$type": "color",
    "$description": "Figma variable state/stable/base-500.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#1DAF9C"
      }
    }
  },
  "stable-light": {
    "$value": "#C2F5EE",
    "$type": "color",
    "$description": "Figma variable state/stable/light-200.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(34,211,187,.24)"
      }
    }
  },
  "stable-dark": {
    "$value": "#0B463E",
    "$type": "color",
    "$description": "Figma variable state/stable/dark-950.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#3FDEC9"
      }
    }
  },
  "gray-200": {
    "$value": "#D1D1D6",
    "$type": "color",
    "$description": "Figma variable colors/gray/200."
  },
  "gray-900": {
    "$value": "#242427",
    "$type": "color",
    "$description": "Figma variable colors/gray/900."
  },
  "faded": {
    "$value": "#8E8E93",
    "$type": "color",
    "$description": "Figma variable state/faded/base-500.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#636366"
      }
    }
  },
  "yellow-400": {
    "$value": "#FFB900",
    "$type": "color",
    "$description": "Figma variable colors/yellow/400."
  },
  "faded-lighter": {
    "$value": "#F4F5F5",
    "$type": "color",
    "$description": "Figma variable state/faded/lighter-50.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(106,114,130,.16)"
      }
    }
  },
  "glass": {
    "$value": "rgba(255,255,255,.72)",
    "$type": "color",
    "$description": "Figma variable bg/glass.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "rgba(36,36,38,.55)"
      }
    }
  },
  "gray-900-a72": {
    "$value": "rgba(36,36,38,.72)",
    "$type": "color",
    "$description": "Figma variable colors/alpha/gray-900/alpha-72."
  },
  "elevated-2": {
    "$value": "#D1D1D6",
    "$type": "color",
    "$description": "Figma variable bg/elevated-2.",
    "$extensions": {
      "appetiteui.modes": {
        "dark": "#48484A"
      }
    }
  },
  "white-a24": {
    "$value": "rgba(255,255,255,.24)",
    "$type": "color",
    "$description": "Figma variable colors/alpha/white/alpha-24."
  },
  "gray-a10": {
    "$value": "rgba(106,114,130,.10)",
    "$type": "color",
    "$description": "Figma variable colors/alpha/gray/alpha-10."
  },
  "gray-a16": {
    "$value": "rgba(106,114,130,.16)",
    "$type": "color",
    "$description": "Figma variable colors/alpha/gray/alpha-16."
  },
  "blue-50": {
    "$value": "#EFF6FF",
    "$type": "color",
    "$description": "Figma variable colors/blue/50."
  },
  "blue-100": {
    "$value": "#DBEAFE",
    "$type": "color",
    "$description": "Figma variable colors/blue/100."
  },
  "blue-200": {
    "$value": "#BEDBFF",
    "$type": "color",
    "$description": "Figma variable colors/blue/200."
  },
  "blue-300": {
    "$value": "#82BFFF",
    "$type": "color",
    "$description": "Figma variable colors/blue/300."
  },
  "blue-400": {
    "$value": "#2B7FFF",
    "$type": "color",
    "$description": "Figma variable colors/blue/400."
  },
  "blue-500": {
    "$value": "#155DFC",
    "$type": "color",
    "$description": "Figma variable colors/blue/500."
  },
  "blue-600": {
    "$value": "#1447E6",
    "$type": "color",
    "$description": "Figma variable colors/blue/600."
  },
  "blue-700": {
    "$value": "#193CB8",
    "$type": "color",
    "$description": "Figma variable colors/blue/700."
  },
  "blue-800": {
    "$value": "#1C398E",
    "$type": "color",
    "$description": "Figma variable colors/blue/800."
  },
  "blue-900": {
    "$value": "#0D2673",
    "$type": "color",
    "$description": "Figma variable colors/blue/900."
  },
  "blue-950": {
    "$value": "#132150",
    "$type": "color",
    "$description": "Figma variable colors/blue/950."
  },
  "purple-50": {
    "$value": "#EFEBFF",
    "$type": "color",
    "$description": "Figma variable colors/purple/50."
  },
  "purple-100": {
    "$value": "#DCD5FF",
    "$type": "color",
    "$description": "Figma variable colors/purple/100."
  },
  "purple-200": {
    "$value": "#CAC0FF",
    "$type": "color",
    "$description": "Figma variable colors/purple/200."
  },
  "purple-300": {
    "$value": "#A897FF",
    "$type": "color",
    "$description": "Figma variable colors/purple/300."
  },
  "purple-400": {
    "$value": "#8C71F6",
    "$type": "color",
    "$description": "Figma variable colors/purple/400."
  },
  "purple-500": {
    "$value": "#7D52F4",
    "$type": "color",
    "$description": "Figma variable colors/purple/500."
  },
  "purple-600": {
    "$value": "#693EE0",
    "$type": "color",
    "$description": "Figma variable colors/purple/600."
  },
  "purple-700": {
    "$value": "#5B2CC9",
    "$type": "color",
    "$description": "Figma variable colors/purple/700."
  },
  "purple-800": {
    "$value": "#4C25A7",
    "$type": "color",
    "$description": "Figma variable colors/purple/800."
  },
  "purple-900": {
    "$value": "#3D1D86",
    "$type": "color",
    "$description": "Figma variable colors/purple/900."
  },
  "purple-950": {
    "$value": "#351A75",
    "$type": "color",
    "$description": "Figma variable colors/purple/950."
  }
}