{
  "$meta": {
    "name": "Traduality Design Tokens",
    "version": "1.0.0",
    "updated": "2026-05",
    "source": "https://brand.traduality.com",
    "notes": "Source of truth lives in colors_and_type.css. This JSON mirrors those values for tooling (Figma Tokens plugin, Style Dictionary, Tailwind config, etc.)."
  },

  "color": {
    "brand": {
      "navy":   { "value": "#0f385c", "role": "Primary brand · headlines · inverse surfaces" },
      "blue":   { "value": "#256498", "role": "Interactive · links · primary buttons · active states" },
      "sky":    { "value": "#4689c8", "role": "Highlights · illustration fills · data accents" },
      "slate":  { "value": "#6c7e8f", "role": "Body text · borders · meta · cool neutral" },
      "orange": { "value": "#cf6328", "role": "ACCENT ONLY. One CTA per view. Never a surface fill." }
    },

    "ramp": {
      "navy": {
        "50":  "#eff4f9",
        "100": "#dce7f2",
        "200": "#b2cbe5",
        "300": "#78a8d6",
        "400": "#4689c8",
        "500": "#256498",
        "600": "#1f5688",
        "700": "#164976",
        "800": "#0f385c",
        "900": "#082440"
      },
      "slate": {
        "50":  "#f7f9fb",
        "100": "#eff2f5",
        "200": "#e2e7ec",
        "300": "#c8d0d9",
        "400": "#a8b3bf",
        "500": "#8795a4",
        "600": "#6c7e8f",
        "700": "#4a5868",
        "800": "#374350",
        "900": "#222a33"
      },
      "orange": {
        "50":  "#fdf3eb",
        "100": "#fbe8dc",
        "200": "#f7d4bd",
        "300": "#f1b790",
        "400": "#e89761",
        "500": "#e27a3f",
        "600": "#cf6328",
        "700": "#a64d1e",
        "800": "#7d3a17",
        "900": "#532610"
      }
    },

    "semantic": {
      "bg":             "#ffffff",
      "bg-subtle":      "#f7f9fb",
      "bg-muted":       "#eff2f5",
      "bg-inverse":     "#0f385c",
      "surface":        "#ffffff",
      "surface-sunken": "#f7f9fb",
      "surface-brand":  "#0f385c",
      "fg":             "#0f385c",
      "fg-secondary":   "#4a5868",
      "fg-tertiary":    "#6c7e8f",
      "fg-disabled":    "#8795a4",
      "fg-inverse":     "#ffffff",
      "fg-brand":       "#256498",
      "fg-accent":      "#cf6328",
      "border":         "#e2e7ec",
      "border-strong":  "#c8d0d9",
      "border-brand":   "#256498",
      "divider":        "#eff2f5"
    },

    "status": {
      "success":    "#2f8a5c",
      "success-bg": "#e6f3ec",
      "warning":    "#cf6328",
      "warning-bg": "#fbe8dc",
      "danger":     "#b1372b",
      "danger-bg":  "#fbe6e3",
      "info":       "#4689c8",
      "info-bg":    "#eff4f9"
    }
  },

  "typography": {
    "fontFamily": {
      "display": "'Nunito', ui-rounded, -apple-system, 'Segoe UI', system-ui, sans-serif",
      "sans":    "'Inter', -apple-system, 'Segoe UI', Roboto, system-ui, sans-serif",
      "mono":    "ui-monospace, 'SF Mono', 'JetBrains Mono', Menlo, Consolas, monospace"
    },
    "fontSize": {
      "xs":  "12px",
      "sm":  "13px",
      "base":"15px",
      "md":  "16px",
      "lg":  "18px",
      "xl":  "22px",
      "2xl": "28px",
      "3xl": "34px",
      "4xl": "44px",
      "5xl": "56px",
      "6xl": "72px"
    },
    "fontWeight": {
      "regular":  400,
      "medium":   500,
      "semibold": 600,
      "bold":     700,
      "black":    800
    },
    "lineHeight": {
      "tight":   1.15,
      "snug":    1.3,
      "normal":  1.5,
      "relaxed": 1.65
    },
    "letterSpacing": {
      "tight":   "-0.01em",
      "normal":  "0",
      "wide":    "0.04em",
      "allcaps": "0.12em"
    }
  },

  "spacing": {
    "0":  "0",
    "1":  "4px",
    "2":  "8px",
    "3":  "12px",
    "4":  "16px",
    "5":  "20px",
    "6":  "24px",
    "7":  "32px",
    "8":  "40px",
    "9":  "48px",
    "10": "64px",
    "11": "80px",
    "12": "96px"
  },

  "radius": {
    "xs":   "4px",
    "sm":   "6px",
    "md":   "10px",
    "lg":   "14px",
    "xl":   "20px",
    "2xl":  "28px",
    "pill": "999px"
  },

  "shadow": {
    "xs":    "0 1px 2px rgba(15, 56, 92, 0.06)",
    "sm":    "0 2px 6px rgba(15, 56, 92, 0.08)",
    "md":    "0 6px 18px rgba(15, 56, 92, 0.10)",
    "lg":    "0 16px 40px rgba(15, 56, 92, 0.14)",
    "xl":    "0 28px 64px rgba(15, 56, 92, 0.18)",
    "inset": "inset 0 1px 2px rgba(15, 56, 92, 0.06)",
    "ring-focus": "0 0 0 3px rgba(70, 137, 200, 0.35)"
  },

  "motion": {
    "duration": {
      "fast": "120ms",
      "base": "200ms",
      "slow": "320ms"
    },
    "easing": {
      "out":   "cubic-bezier(0.22, 0.61, 0.36, 1)",
      "inOut": "cubic-bezier(0.65, 0, 0.35, 1)"
    }
  },

  "layout": {
    "container": {
      "sm": "640px",
      "md": "840px",
      "lg": "1120px",
      "xl": "1320px"
    }
  }
}