{
  "$description": "Alert Enterprise design tokens 0.2.0. Design Tokens Community Group format.",
  "color": {
    "purple": {
      "50": {
        "$value": "#F1EFFC"
      },
      "100": {
        "$value": "#E4E0FA"
      },
      "200": {
        "$value": "#C7BFF4"
      },
      "300": {
        "$value": "#A99EEE"
      },
      "400": {
        "$value": "#8B7DE8"
      },
      "500": {
        "$value": "#5F51D5"
      },
      "600": {
        "$value": "#4A3EC1"
      },
      "700": {
        "$value": "#3A2FA0"
      },
      "800": {
        "$value": "#2B2478"
      },
      "900": {
        "$value": "#1B174D"
      },
      "950": {
        "$value": "#0E0B2E"
      },
      "$type": "color",
      "$description": "The primary brand color. Purple leads: grounds, primary actions, links, focus."
    },
    "coral": {
      "50": {
        "$value": "#FFF0ED"
      },
      "100": {
        "$value": "#FFDDD5"
      },
      "200": {
        "$value": "#FFB8A8"
      },
      "300": {
        "$value": "#FF8F7A"
      },
      "400": {
        "$value": "#FF6B4E"
      },
      "500": {
        "$value": "#FF5233"
      },
      "600": {
        "$value": "#F9423A"
      },
      "700": {
        "$value": "#D02F1F"
      },
      "800": {
        "$value": "#A3240F"
      },
      "900": {
        "$value": "#6B1A0C"
      },
      "$type": "color",
      "$description": "The secondary brand color, and the color of the shield. Coral marks; it does not fill."
    },
    "ink": {
      "0": {
        "$value": "#FFFFFF"
      },
      "50": {
        "$value": "#F6F6F8"
      },
      "100": {
        "$value": "#ECECEF"
      },
      "200": {
        "$value": "#D9D9D9"
      },
      "300": {
        "$value": "#B5B5BE"
      },
      "400": {
        "$value": "#8A8A96"
      },
      "500": {
        "$value": "#5A5A68"
      },
      "600": {
        "$value": "#3B3B47"
      },
      "700": {
        "$value": "#262626"
      },
      "800": {
        "$value": "#1A1A24"
      },
      "900": {
        "$value": "#111118"
      },
      "950": {
        "$value": "#0A0A12"
      },
      "$type": "color",
      "$description": "Neutrals. 700 (#262626) is the brand text color."
    },
    "green": {
      "50": {
        "$value": "#E8F6F0"
      },
      "100": {
        "$value": "#C9EBDD"
      },
      "500": {
        "$value": "#1F9D6E"
      },
      "600": {
        "$value": "#17825B"
      },
      "700": {
        "$value": "#106446"
      },
      "$type": "color",
      "$description": "Success, granted, valid, online."
    },
    "amber": {
      "50": {
        "$value": "#FEF6E7"
      },
      "100": {
        "$value": "#FCE8BF"
      },
      "500": {
        "$value": "#F2B341"
      },
      "600": {
        "$value": "#C98A14"
      },
      "700": {
        "$value": "#8F600A"
      },
      "$type": "color",
      "$description": "Warning, pending, expiring, needs review."
    },
    "red": {
      "50": {
        "$value": "#FDECEF"
      },
      "100": {
        "$value": "#F9CFD7"
      },
      "500": {
        "$value": "#E0425C"
      },
      "600": {
        "$value": "#C22A45"
      },
      "700": {
        "$value": "#951C33"
      },
      "$type": "color",
      "$description": "Danger, denied, revoked, offline. Distinct from coral on purpose: coral is the brand, red is a verdict."
    },
    "blue": {
      "50": {
        "$value": "#EBF2FE"
      },
      "100": {
        "$value": "#CFE0FD"
      },
      "500": {
        "$value": "#4A8BF5"
      },
      "600": {
        "$value": "#2F6FDB"
      },
      "700": {
        "$value": "#2253A8"
      },
      "$type": "color",
      "$description": "Information and neutral system notices."
    }
  },
  "role": {
    "light": {
      "bg": {
        "$type": "color",
        "$value": "{color.ink.0}"
      },
      "bg-muted": {
        "$type": "color",
        "$value": "{color.ink.50}"
      },
      "bg-sunken": {
        "$type": "color",
        "$value": "{color.ink.100}"
      },
      "surface": {
        "$type": "color",
        "$value": "{color.ink.0}"
      },
      "surface-raised": {
        "$type": "color",
        "$value": "{color.ink.0}"
      },
      "surface-brand": {
        "$type": "color",
        "$value": "{color.purple.500}"
      },
      "surface-brand-soft": {
        "$type": "color",
        "$value": "{color.purple.50}"
      },
      "surface-inverse": {
        "$type": "color",
        "$value": "{color.purple.950}"
      },
      "text": {
        "$type": "color",
        "$value": "{color.ink.700}"
      },
      "text-2": {
        "$type": "color",
        "$value": "{color.ink.500}"
      },
      "text-3": {
        "$type": "color",
        "$value": "{color.ink.400}"
      },
      "text-on-brand": {
        "$type": "color",
        "$value": "{color.ink.0}"
      },
      "text-on-inverse": {
        "$type": "color",
        "$value": "{color.ink.0}"
      },
      "text-brand": {
        "$type": "color",
        "$value": "{color.purple.600}"
      },
      "text-link": {
        "$type": "color",
        "$value": "{color.purple.600}"
      },
      "line": {
        "$type": "color",
        "$value": "#E6E4F0"
      },
      "line-strong": {
        "$type": "color",
        "$value": "#CFCCE0"
      },
      "line-focus": {
        "$type": "color",
        "$value": "{color.purple.500}"
      },
      "action": {
        "$type": "color",
        "$value": "{color.purple.500}"
      },
      "action-hover": {
        "$type": "color",
        "$value": "{color.purple.600}"
      },
      "action-press": {
        "$type": "color",
        "$value": "{color.purple.700}"
      },
      "action-text": {
        "$type": "color",
        "$value": "{color.ink.0}"
      },
      "action-soft": {
        "$type": "color",
        "$value": "{color.purple.50}"
      },
      "action-soft-hover": {
        "$type": "color",
        "$value": "{color.purple.100}"
      },
      "action-soft-text": {
        "$type": "color",
        "$value": "{color.purple.700}"
      },
      "mark": {
        "$type": "color",
        "$value": "{color.coral.500}"
      },
      "mark-soft": {
        "$type": "color",
        "$value": "{color.coral.50}"
      },
      "mark-text": {
        "$type": "color",
        "$value": "{color.coral.700}"
      },
      "success": {
        "$type": "color",
        "$value": "{color.green.500}"
      },
      "success-soft": {
        "$type": "color",
        "$value": "{color.green.50}"
      },
      "success-text": {
        "$type": "color",
        "$value": "{color.green.700}"
      },
      "warning": {
        "$type": "color",
        "$value": "{color.amber.500}"
      },
      "warning-soft": {
        "$type": "color",
        "$value": "{color.amber.50}"
      },
      "warning-text": {
        "$type": "color",
        "$value": "{color.amber.700}"
      },
      "danger": {
        "$type": "color",
        "$value": "{color.red.500}"
      },
      "danger-soft": {
        "$type": "color",
        "$value": "{color.red.50}"
      },
      "danger-text": {
        "$type": "color",
        "$value": "{color.red.700}"
      },
      "danger-strong": {
        "$type": "color",
        "$value": "{color.red.600}"
      },
      "danger-on": {
        "$type": "color",
        "$value": "{color.ink.0}"
      },
      "info": {
        "$type": "color",
        "$value": "{color.blue.500}"
      },
      "info-soft": {
        "$type": "color",
        "$value": "{color.blue.50}"
      },
      "info-text": {
        "$type": "color",
        "$value": "{color.blue.700}"
      },
      "scrim": {
        "$type": "color",
        "$value": "rgba(14, 11, 46, 0.48)"
      }
    },
    "dark": {
      "bg": {
        "$type": "color",
        "$value": "{color.purple.950}"
      },
      "bg-muted": {
        "$type": "color",
        "$value": "#141038"
      },
      "bg-sunken": {
        "$type": "color",
        "$value": "#08061C"
      },
      "surface": {
        "$type": "color",
        "$value": "#15113A"
      },
      "surface-raised": {
        "$type": "color",
        "$value": "#1E1950"
      },
      "surface-brand": {
        "$type": "color",
        "$value": "{color.purple.500}"
      },
      "surface-brand-soft": {
        "$type": "color",
        "$value": "#231D5C"
      },
      "surface-inverse": {
        "$type": "color",
        "$value": "{color.ink.0}"
      },
      "text": {
        "$type": "color",
        "$value": "#F4F3FB"
      },
      "text-2": {
        "$type": "color",
        "$value": "#B9B5D6"
      },
      "text-3": {
        "$type": "color",
        "$value": "#8C87B0"
      },
      "text-on-brand": {
        "$type": "color",
        "$value": "{color.ink.0}"
      },
      "text-on-inverse": {
        "$type": "color",
        "$value": "{color.ink.700}"
      },
      "text-brand": {
        "$type": "color",
        "$value": "{color.purple.300}"
      },
      "text-link": {
        "$type": "color",
        "$value": "{color.purple.300}"
      },
      "line": {
        "$type": "color",
        "$value": "rgba(255, 255, 255, 0.10)"
      },
      "line-strong": {
        "$type": "color",
        "$value": "rgba(255, 255, 255, 0.20)"
      },
      "line-focus": {
        "$type": "color",
        "$value": "{color.purple.300}"
      },
      "action": {
        "$type": "color",
        "$value": "{color.purple.400}"
      },
      "action-hover": {
        "$type": "color",
        "$value": "{color.purple.300}"
      },
      "action-press": {
        "$type": "color",
        "$value": "{color.purple.200}"
      },
      "action-text": {
        "$type": "color",
        "$value": "{color.purple.950}"
      },
      "action-soft": {
        "$type": "color",
        "$value": "#2A2366"
      },
      "action-soft-hover": {
        "$type": "color",
        "$value": "#342B7A"
      },
      "action-soft-text": {
        "$type": "color",
        "$value": "{color.purple.100}"
      },
      "mark": {
        "$type": "color",
        "$value": "{color.coral.400}"
      },
      "mark-soft": {
        "$type": "color",
        "$value": "#3A1A22"
      },
      "mark-text": {
        "$type": "color",
        "$value": "{color.coral.300}"
      },
      "success": {
        "$type": "color",
        "$value": "#3DBB8B"
      },
      "success-soft": {
        "$type": "color",
        "$value": "#0F2E26"
      },
      "success-text": {
        "$type": "color",
        "$value": "#7FD9B6"
      },
      "warning": {
        "$type": "color",
        "$value": "{color.amber.500}"
      },
      "warning-soft": {
        "$type": "color",
        "$value": "#33280F"
      },
      "warning-text": {
        "$type": "color",
        "$value": "#F7CD7C"
      },
      "danger": {
        "$type": "color",
        "$value": "#F0647B"
      },
      "danger-soft": {
        "$type": "color",
        "$value": "#3A1622"
      },
      "danger-text": {
        "$type": "color",
        "$value": "#F7A2B1"
      },
      "danger-strong": {
        "$type": "color",
        "$value": "#F0647B"
      },
      "danger-on": {
        "$type": "color",
        "$value": "{color.purple.950}"
      },
      "info": {
        "$type": "color",
        "$value": "#6FA3F8"
      },
      "info-soft": {
        "$type": "color",
        "$value": "#132447"
      },
      "info-text": {
        "$type": "color",
        "$value": "#A9C7FB"
      },
      "scrim": {
        "$type": "color",
        "$value": "rgba(4, 3, 16, 0.64)"
      }
    }
  },
  "gradient": {
    "ember": {
      "$type": "gradient-css",
      "$value": "radial-gradient(120% 140% at 100% 0%, #FF6B4E 0%, rgba(255,107,78,0) 55%), radial-gradient(90% 120% at 0% 100%, #C2327A 0%, rgba(194,50,122,0) 60%), #F9423A",
      "$description": "The cover arc and the shield. Coral to red with a violet edge. Use once per surface."
    },
    "dusk": {
      "$type": "gradient-css",
      "$value": "radial-gradient(80% 110% at 0% 0%, #6B5BE6 0%, rgba(107,91,230,0) 60%), radial-gradient(90% 120% at 100% 100%, #FF5233 0%, rgba(255,82,51,0) 58%), #7B45C4",
      "$description": "Purple into coral. The brand pair in one field. Section openers and hero grounds."
    },
    "violet": {
      "$type": "gradient-css",
      "$value": "radial-gradient(90% 120% at 20% 0%, #7A6CF0 0%, rgba(122,108,240,0) 60%), radial-gradient(80% 100% at 100% 100%, #3A2FA0 0%, rgba(58,47,160,0) 65%), #5F51D5",
      "$description": "Purple on purple. The default brand ground when flat purple is too heavy."
    },
    "lilac": {
      "$type": "gradient-css",
      "$value": "radial-gradient(70% 90% at 10% 0%, #C7BFF4 0%, rgba(199,191,244,0) 60%), radial-gradient(60% 80% at 100% 100%, #FFDDD5 0%, rgba(255,221,213,0) 60%), #F1EFFC",
      "$description": "The light brand field. Behind product screenshots and quiet heroes."
    },
    "night": {
      "$type": "gradient-css",
      "$value": "radial-gradient(80% 60% at 50% 0%, rgba(95,81,213,0.55) 0%, rgba(95,81,213,0) 70%), radial-gradient(60% 50% at 100% 100%, rgba(249,66,58,0.22) 0%, rgba(249,66,58,0) 70%), #0E0B2E",
      "$description": "The dark ground. Purple light rising out of 950."
    },
    "mesh": {
      "$type": "gradient-css",
      "$value": "radial-gradient(60% 70% at 12% 18%, rgba(122,108,240,0.85) 0%, rgba(122,108,240,0) 60%), radial-gradient(50% 60% at 88% 12%, rgba(255,107,78,0.70) 0%, rgba(255,107,78,0) 60%), radial-gradient(55% 65% at 78% 88%, rgba(194,50,122,0.55) 0%, rgba(194,50,122,0) 62%), radial-gradient(60% 60% at 20% 95%, rgba(74,62,193,0.75) 0%, rgba(74,62,193,0) 60%), #0E0B2E",
      "$description": "The signature SaaS field: four soft light sources over purple 950. Hero backdrops, openers, behind glass."
    },
    "aurora": {
      "$type": "gradient-css",
      "$value": "radial-gradient(55% 65% at 10% 10%, rgba(199,191,244,0.95) 0%, rgba(199,191,244,0) 62%), radial-gradient(45% 55% at 90% 15%, rgba(255,184,168,0.80) 0%, rgba(255,184,168,0) 60%), radial-gradient(55% 60% at 85% 90%, rgba(169,158,238,0.70) 0%, rgba(169,158,238,0) 62%), #F7F6FD",
      "$description": "The light mesh. Behind product screenshots and glass on light pages."
    },
    "signal": {
      "$type": "gradient-css",
      "$value": "radial-gradient(100% 120% at 0% 0%, #FF8F7A 0%, rgba(255,143,122,0) 55%), radial-gradient(90% 110% at 100% 100%, #D02F1F 0%, rgba(208,47,31,0) 60%), #FF5233",
      "$description": "Coral to coral. For the single highest-attention moment, such as an alert hero."
    }
  },
  "font": {
    "family": {
      "display": {
        "$type": "fontFamily",
        "$value": "'Aeonik', 'DM Sans', system-ui, sans-serif",
        "$description": "Aeonik Bold for headlines. DM Sans Bold is the licensed-free fallback."
      },
      "text": {
        "$type": "fontFamily",
        "$value": "'Aeonik', 'DM Sans', system-ui, sans-serif",
        "$description": "Aeonik Regular for copy. DM Sans Regular is the fallback."
      },
      "mono": {
        "$type": "fontFamily",
        "$value": "'DM Mono', ui-monospace, 'SF Mono', Menlo, monospace",
        "$description": "Codes, IDs, token names, badge numbers. Never for prose."
      }
    },
    "weight": {
      "light": {
        "$type": "fontWeight",
        "$value": 300
      },
      "regular": {
        "$type": "fontWeight",
        "$value": 400
      },
      "bold": {
        "$type": "fontWeight",
        "$value": 700
      }
    }
  },
  "typography": {
    "hero": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.display}",
        "fontSize": "112px",
        "lineHeight": 0.94,
        "fontWeight": 700,
        "letterSpacing": "-0.045em"
      }
    },
    "display-xl": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.display}",
        "fontSize": "80px",
        "lineHeight": 1,
        "fontWeight": 700,
        "letterSpacing": "-0.035em"
      }
    },
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.display}",
        "fontSize": "64px",
        "lineHeight": 1.02,
        "fontWeight": 700,
        "letterSpacing": "-0.03em"
      }
    },
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.display}",
        "fontSize": "48px",
        "lineHeight": 1.06,
        "fontWeight": 700,
        "letterSpacing": "-0.025em"
      }
    },
    "h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.display}",
        "fontSize": "36px",
        "lineHeight": 1.12,
        "fontWeight": 700,
        "letterSpacing": "-0.02em"
      }
    },
    "h3": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.display}",
        "fontSize": "28px",
        "lineHeight": 1.18,
        "fontWeight": 700,
        "letterSpacing": "-0.015em"
      }
    },
    "h4": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.display}",
        "fontSize": "22px",
        "lineHeight": 1.25,
        "fontWeight": 700,
        "letterSpacing": "-0.01em"
      }
    },
    "subhead": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": "20px",
        "lineHeight": 1.35,
        "fontWeight": 400,
        "letterSpacing": "-0.005em"
      }
    },
    "body-lg": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": "18px",
        "lineHeight": 1.5,
        "fontWeight": 400,
        "letterSpacing": "0em"
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": "16px",
        "lineHeight": 1.5,
        "fontWeight": 400,
        "letterSpacing": "0em"
      }
    },
    "body-sm": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": "14px",
        "lineHeight": 1.45,
        "fontWeight": 400,
        "letterSpacing": "0em"
      }
    },
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": "12px",
        "lineHeight": 1.4,
        "fontWeight": 400,
        "letterSpacing": "0.005em"
      }
    },
    "eyebrow": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": "12px",
        "lineHeight": 1.2,
        "fontWeight": 700,
        "letterSpacing": "0.12em"
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.text}",
        "fontSize": "14px",
        "lineHeight": 1.2,
        "fontWeight": 700,
        "letterSpacing": "0em"
      }
    },
    "code": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.mono}",
        "fontSize": "13px",
        "lineHeight": 1.5,
        "fontWeight": 400,
        "letterSpacing": "0em"
      }
    }
  },
  "space": {
    "0": {
      "$type": "dimension",
      "$value": "0px"
    },
    "1": {
      "$type": "dimension",
      "$value": "4px"
    },
    "2": {
      "$type": "dimension",
      "$value": "8px"
    },
    "3": {
      "$type": "dimension",
      "$value": "12px"
    },
    "4": {
      "$type": "dimension",
      "$value": "16px"
    },
    "5": {
      "$type": "dimension",
      "$value": "20px"
    },
    "6": {
      "$type": "dimension",
      "$value": "24px"
    },
    "8": {
      "$type": "dimension",
      "$value": "32px"
    },
    "10": {
      "$type": "dimension",
      "$value": "40px"
    },
    "12": {
      "$type": "dimension",
      "$value": "48px"
    },
    "16": {
      "$type": "dimension",
      "$value": "64px"
    },
    "20": {
      "$type": "dimension",
      "$value": "80px"
    },
    "24": {
      "$type": "dimension",
      "$value": "96px"
    },
    "32": {
      "$type": "dimension",
      "$value": "128px"
    },
    "px": {
      "$type": "dimension",
      "$value": "1px"
    },
    "0_5": {
      "$type": "dimension",
      "$value": "2px"
    }
  },
  "radius": {
    "none": {
      "$type": "dimension",
      "$value": "0px"
    },
    "xs": {
      "$type": "dimension",
      "$value": "4px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "6px"
    },
    "md": {
      "$type": "dimension",
      "$value": "8px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "12px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "16px"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "24px"
    },
    "pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "shape": {
    "shield": {
      "$type": "border-radius-css",
      "$value": "6% 6% 70% 6% / 7% 7% 78% 7%",
      "$description": "Swatches, image masks, feature tiles, avatars of places. Never on a control."
    },
    "shield-soft": {
      "$type": "border-radius-css",
      "$value": "8px 8px 40% 8px / 8px 8px 45% 8px",
      "$description": "Cards that carry the brand gesture without the full curve."
    },
    "shield-flip": {
      "$type": "border-radius-css",
      "$value": "6% 70% 6% 6% / 7% 78% 7% 7%",
      "$description": "Mirrored, top right. Only when a shield would point off the page."
    }
  },
  "elevation": {
    "0": {
      "$type": "shadow-css",
      "$value": "none"
    },
    "1": {
      "$type": "shadow-css",
      "$value": "0 1px 2px rgba(14, 11, 46, 0.06), 0 1px 3px rgba(14, 11, 46, 0.08)"
    },
    "2": {
      "$type": "shadow-css",
      "$value": "0 2px 4px rgba(14, 11, 46, 0.05), 0 6px 16px rgba(14, 11, 46, 0.08)"
    },
    "3": {
      "$type": "shadow-css",
      "$value": "0 4px 8px rgba(14, 11, 46, 0.06), 0 16px 32px rgba(14, 11, 46, 0.12)"
    },
    "4": {
      "$type": "shadow-css",
      "$value": "0 8px 16px rgba(14, 11, 46, 0.08), 0 32px 64px rgba(14, 11, 46, 0.18)"
    },
    "brand": {
      "$type": "shadow-css",
      "$value": "0 8px 24px rgba(95, 81, 213, 0.32)"
    }
  },
  "duration": {
    "instant": {
      "$type": "duration",
      "$value": "80ms"
    },
    "fast": {
      "$type": "duration",
      "$value": "140ms"
    },
    "base": {
      "$type": "duration",
      "$value": "220ms"
    },
    "slow": {
      "$type": "duration",
      "$value": "360ms"
    },
    "slower": {
      "$type": "duration",
      "$value": "560ms"
    },
    "draw": {
      "$type": "duration",
      "$value": "900ms"
    }
  },
  "easing": {
    "standard": {
      "$type": "cubicBezier",
      "$value": [
        0.2,
        0,
        0,
        1
      ]
    },
    "enter": {
      "$type": "cubicBezier",
      "$value": [
        0.05,
        0.7,
        0.1,
        1
      ]
    },
    "exit": {
      "$type": "cubicBezier",
      "$value": [
        0.3,
        0,
        0.8,
        0.15
      ]
    },
    "spring": {
      "$type": "cubicBezier",
      "$value": [
        0.34,
        1.36,
        0.64,
        1
      ]
    },
    "draw": {
      "$type": "cubicBezier",
      "$value": [
        0.65,
        0,
        0.35,
        1
      ]
    }
  }
}