{
  "$description": "AppDeen AI design tokens v1.0 (W3C design-tokens format)",
  "color": {
    "blue": {
      "$type": "color",
      "$value": "#2254F2",
      "$description": "AppDeen Blue, the blue in the logo and the only blue, on light and on dark. Logo, buttons, links, chevrons, numerals, glows."
    },
    "void": {
      "$type": "color",
      "$value": "#0B0D13",
      "$description": "Void. Page background."
    },
    "navy": {
      "$type": "color",
      "$value": "#12151D",
      "$description": "Navy. Sections on dark, text on light."
    },
    "panel": {
      "$type": "color",
      "$value": "#181C26",
      "$description": "Panel. Cards and raised surfaces on dark."
    },
    "line": {
      "$type": "color",
      "$value": "#212939",
      "$description": "Line. Borders and dividers on dark."
    },
    "white": {
      "$type": "color",
      "$value": "#FFFFFF",
      "$description": "White. All text on dark."
    },
    "paper": {
      "$type": "color",
      "$value": "#F3F5F9",
      "$description": "Paper. Light sections and documents."
    },
    "graphite": {
      "$type": "color",
      "$value": "#181919",
      "$description": "Graphite. Wordmark in Full colour and Mono black logos."
    },
    "line-light": {
      "$type": "color",
      "$value": "#D8DEEA",
      "$description": "Borders and table rules on light. Never text."
    },
    "success": {
      "$type": "color",
      "$value": "#22C08A",
      "$description": "Status: success."
    },
    "warning": {
      "$type": "color",
      "$value": "#F5A524",
      "$description": "Status: warning."
    },
    "danger": {
      "$type": "color",
      "$value": "#F04D63",
      "$description": "Status: danger."
    },
    "blue-40": {
      "$type": "color",
      "$value": "rgba(34, 84, 242, .40)",
      "$description": "Tint of AppDeen Blue. Dark backgrounds only."
    },
    "blue-24": {
      "$type": "color",
      "$value": "rgba(34, 84, 242, .24)",
      "$description": "Tint of AppDeen Blue. Dark backgrounds only."
    },
    "blue-12": {
      "$type": "color",
      "$value": "rgba(34, 84, 242, .12)",
      "$description": "Tint of AppDeen Blue. Dark backgrounds only."
    }
  },
  "gradient": {
    "glow": {
      "$value": "radial-gradient(60% 60% at 50% 50%, rgba(34, 84, 242, .55) 0%, rgba(34, 84, 242, 0) 100%)"
    },
    "panel": {
      "$value": "radial-gradient(120% 140% at 0% 0%, #1A1E28 0%, #14171F 55%, #12151D 100%)"
    }
  },
  "fontFamily": {
    "display": {
      "$type": "fontFamily",
      "$value": "\"Archivo\", \"Arial Black\", \"Helvetica Neue\", Arial, sans-serif"
    },
    "text": {
      "$type": "fontFamily",
      "$value": "\"DM Sans\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif"
    },
    "mono": {
      "$type": "fontFamily",
      "$value": "\"Space Mono\", ui-monospace, Menlo, Consolas, monospace"
    },
    "arabic": {
      "$type": "fontFamily",
      "$value": "\"Readex Pro\", \"Noto Kufi Arabic\", Tahoma, sans-serif"
    }
  },
  "fontSize": {
    "display": {
      "$type": "dimension",
      "$value": "clamp(2.5rem, 1rem + 7.4vw, 7.5rem)"
    },
    "h1": {
      "$type": "dimension",
      "$value": "clamp(2.25rem, 1.4rem + 3.6vw, 4.5rem)"
    },
    "h2": {
      "$type": "dimension",
      "$value": "clamp(1.75rem, 1.3rem + 1.9vw, 3rem)"
    },
    "h3": {
      "$type": "dimension",
      "$value": "1.5rem"
    },
    "h4": {
      "$type": "dimension",
      "$value": "1.1875rem"
    },
    "body-l": {
      "$type": "dimension",
      "$value": "1.1875rem"
    },
    "body": {
      "$type": "dimension",
      "$value": "1rem"
    },
    "small": {
      "$type": "dimension",
      "$value": "0.875rem"
    },
    "label": {
      "$type": "dimension",
      "$value": "0.75rem"
    }
  },
  "space": {
    "1": {
      "$type": "dimension",
      "$value": "4px"
    },
    "2": {
      "$type": "dimension",
      "$value": "8px"
    },
    "3": {
      "$type": "dimension",
      "$value": "12px"
    },
    "4": {
      "$type": "dimension",
      "$value": "16px"
    },
    "5": {
      "$type": "dimension",
      "$value": "24px"
    },
    "6": {
      "$type": "dimension",
      "$value": "32px"
    },
    "7": {
      "$type": "dimension",
      "$value": "48px"
    },
    "8": {
      "$type": "dimension",
      "$value": "64px"
    },
    "9": {
      "$type": "dimension",
      "$value": "96px"
    },
    "10": {
      "$type": "dimension",
      "$value": "128px"
    }
  },
  "radius": {
    "sm": {
      "$type": "dimension",
      "$value": "8px"
    },
    "md": {
      "$type": "dimension",
      "$value": "12px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "18px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "28px"
    },
    "pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "shadow": {
    "glow": {
      "$value": "0 16px 40px -14px rgba(34, 84, 242, .7)"
    },
    "lift": {
      "$value": "0 24px 60px -30px rgba(0, 0, 0, .8)"
    }
  },
  "motion": {
    "easeOut": {
      "$type": "cubicBezier",
      "$value": [
        0.2,
        0.7,
        0.2,
        1
      ]
    },
    "easeInOut": {
      "$type": "cubicBezier",
      "$value": [
        0.65,
        0,
        0.35,
        1
      ]
    },
    "durationFast": {
      "$type": "duration",
      "$value": "160ms"
    },
    "durationBase": {
      "$type": "duration",
      "$value": "320ms"
    },
    "durationSlow": {
      "$type": "duration",
      "$value": "600ms"
    },
    "durationCinematic": {
      "$type": "duration",
      "$value": "900ms"
    },
    "stagger": {
      "$type": "duration",
      "$value": "16ms"
    }
  }
}