{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$metadata": {
    "name": "FDT Design Tokens",
    "description": "The single source of truth for the Frontier Defense Technology design system. Transformed into fdt-theme.css (web), FDTTokens.swift (iOS), and fdt-tokens.go (Go) by Style Dictionary.",
    "version": "0.1.0",
    "home": "https://design.frontierdefensetech.com/"
  },
  "color": {
    "navy": {
      "900": { "$value": "#0A1220", "$type": "color", "$description": "outer canvas" },
      "800": { "$value": "#0F1A2E", "$type": "color", "$description": "elevated surfaces - panels, cards" },
      "700": { "$value": "#16243D", "$type": "color", "$description": "input fields, secondary panels" },
      "600": { "$value": "#1E3050", "$type": "color", "$description": "borders and dividers at rest" }
    },
    "steel": {
      "500": { "$value": "#3A4A66", "$type": "color", "$description": "strokes, hairlines" },
      "400": { "$value": "#5A6D8A", "$type": "color", "$description": "metadata and UI only - never body text" },
      "300": { "$value": "#8A9BB4", "$type": "color", "$description": "body-text-safe muted" }
    },
    "fog": {
      "200": { "$value": "#C5D1E2", "$type": "color", "$description": "body text on dark" },
      "100": { "$value": "#E8EEF7", "$type": "color", "$description": "primary headings" }
    },
    "white": { "$value": "#FFFFFF", "$type": "color", "$description": "critical emphasis only" },
    "electric": {
      "600": { "$value": "#1456C7", "$type": "color", "$description": "pressed / dark-mode fallback" },
      "500": { "$value": "#1D6EF5", "$type": "color", "$description": "primary accent - fills and large text only" },
      "400": { "$value": "#4A8DFF", "$type": "color", "$description": "hover - AA body-text safe on navy-900" },
      "300": { "$value": "#7BA9FF", "$type": "color", "$description": "glow peak - AAA body-text safe on navy-900" }
    },
    "hostile":     { "$value": "#E0322C", "$type": "color", "$description": "hostile fill - large text and UI only" },
    "hostile-400": { "$value": "#EE5050", "$type": "color", "$description": "hostile body-text safe" },
    "neutral":     { "$value": "#2FA85A", "$type": "color", "$description": "neutral / success" },
    "caution":     { "$value": "#F2B535", "$type": "color", "$description": "caution / warning" },
    "divider":     { "$value": "#1F3352", "$type": "color", "$description": "page and section dividers" }
  },
  "glow": {
    "sm": { "$value": "0 0 4px rgba(29, 110, 245, 0.35)",  "$type": "shadow", "$description": "hover, focus halo" },
    "md": { "$value": "0 0 10px rgba(29, 110, 245, 0.45)", "$type": "shadow", "$description": "active CTA, acquire bracket" },
    "lg": { "$value": "0 0 22px rgba(29, 110, 245, 0.50)", "$type": "shadow", "$description": "hero ambient" }
  },
  "typography": {
    "fontFamily": {
      "body":    { "$value": "'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif", "$type": "fontFamily" },
      "display": { "$value": "'Barlow Condensed', 'Inter', sans-serif",                            "$type": "fontFamily" },
      "mono":    { "$value": "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace",   "$type": "fontFamily" }
    },
    "fontWeight": {
      "normal":     { "$value": 400, "$type": "fontWeight" },
      "action":     { "$value": 600, "$type": "fontWeight", "$description": "buttons, interactive labels" },
      "heading":    { "$value": 700, "$type": "fontWeight" },
      "emphasized": { "$value": 800, "$type": "fontWeight", "$description": "display weight" }
    },
    "fontSize": {
      "xs":  { "$value": "11px", "$type": "dimension", "$description": "Micro / labels / eyebrow" },
      "s":   { "$value": "13px", "$type": "dimension", "$description": "Data / mono" },
      "m":   { "$value": "14px", "$type": "dimension", "$description": "Body" },
      "l":   { "$value": "16px", "$type": "dimension", "$description": "Body L" },
      "xl":  { "$value": "22px", "$type": "dimension", "$description": "H2" },
      "2xl": { "$value": "28px", "$type": "dimension", "$description": "H1" },
      "3xl": { "$value": "40px", "$type": "dimension", "$description": "Display M" },
      "4xl": { "$value": "56px", "$type": "dimension", "$description": "Display L" },
      "5xl": { "$value": "72px", "$type": "dimension", "$description": "Display XL" }
    }
  },
  "space": {
    "1": { "$value": "4px",  "$type": "dimension" },
    "2": { "$value": "8px",  "$type": "dimension" },
    "3": { "$value": "12px", "$type": "dimension" },
    "4": { "$value": "16px", "$type": "dimension", "$description": "compact panel padding" },
    "5": { "$value": "24px", "$type": "dimension", "$description": "standard panel padding, grid gutter" },
    "6": { "$value": "32px", "$type": "dimension", "$description": "hero panel padding" },
    "7": { "$value": "48px", "$type": "dimension", "$description": "section gap" },
    "8": { "$value": "64px", "$type": "dimension", "$description": "hero surface gap" },
    "9": { "$value": "96px", "$type": "dimension" }
  },
  "radius": {
    "sm": { "$value": "2px", "$type": "dimension", "$description": "tags, data chips" },
    "md": { "$value": "4px", "$type": "dimension", "$description": "UI ceiling - never softer in tactical UI" },
    "lg": { "$value": "8px", "$type": "dimension", "$description": "marketing surfaces only, sparingly" }
  },
  "breakpoint": {
    "sm": { "$value": "640px",  "$type": "dimension", "$description": "mobile → tablet" },
    "md": { "$value": "1024px", "$type": "dimension", "$description": "tablet → desktop" },
    "lg": { "$value": "1440px", "$type": "dimension", "$description": "desktop → wide" },
    "xl": { "$value": "1920px", "$type": "dimension", "$description": "wide → ultrawide / operator consoles" }
  },
  "motion": {
    "duration": {
      "ui":     { "$value": "200ms", "$type": "duration", "$description": "UI state changes: 150-250ms" },
      "panel":  { "$value": "500ms", "$type": "duration", "$description": "panel entrance / exit: 400-600ms" },
      "sweep":  { "$value": "2000ms", "$type": "duration", "$description": "ambient radar sweep loop" }
    },
    "easing": {
      "ui":     { "$value": "cubic-bezier(0.2, 0.8, 0.2, 1)", "$type": "cubicBezier", "$description": "standard UI curve" },
      "linear": { "$value": "linear", "$type": "cubicBezier", "$description": "tactical simulations - radar sweep, clock tick" }
    }
  }
}
