{
  "$schema": "https://design-tokens.github.io/community-group/format/",
  "$metadata": {
    "name": "COTON Design System",
    "version": "1.0.0",
    "codename": 
  },
  "color": {
    "marine": {
      "50":  { "$value": "#F4F6FB", "$type": "color" },
      "100": { "$value": "#E5EAF4", "$type": "color" },
      "200": { "$value": "#C2CCE2", "$type": "color" },
      "300": { "$value": "#93A3C8", "$type": "color" },
      "400": { "$value": "#6477A8", "$type": "color" },
      "500": { "$value": "#3F548A", "$type": "color" },
      "600": { "$value": "#28386A", "$type": "color" },
      "700": { "$value": "#17234D", "$type": "color", "$description": "Marine — couleur primaire de marque" },
      "800": { "$value": "#0E1633", "$type": "color" },
      "900": { "$value": "#060A1C", "$type": "color" }
    },
    "or": {
      "50":  { "$value": "#FBF6E5", "$type": "color" },
      "100": { "$value": "#F4E5C2", "$type": "color" },
      "200": { "$value": "#EDD295", "$type": "color" },
      "300": { "$value": "#E0AF54", "$type": "color" },
      "400": { "$value": "#C9953D", "$type": "color", "$description": "Or — accent secondaire de marque" },
      "500": { "$value": "#B57A0F", "$type": "color" },
      "600": { "$value": "#8E5D08", "$type": "color" },
      "700": { "$value": "#654005", "$type": "color" },
      "800": { "$value": "#422A02", "$type": "color" },
      "900": { "$value": "#221501", "$type": "color" }
    },
    "creme": {
      "default": { "$value": "#FAF6E9", "$type": "color" },
      "2":       { "$value": "#F2EDD8", "$type": "color" }
    },
    "ink": {
      "default":    { "$value": "#0E1633", "$type": "color" },
      "2":          { "$value": "#37425E", "$type": "color" },
      "3":          { "$value": "#6B7388", "$type": "color" },
      "4":          { "$value": "#A2A8B8", "$type": "color" },
      "on-marine":  { "$value": "#F4F1E2", "$type": "color" }
    },
    "line": {
      "default": { "$value": "#ECE9DD", "$type": "color" },
      "2":       { "$value": "#DDD8C3", "$type": "color" },
      "3":       { "$value": "#C9C2A4", "$type": "color" }
    },
    "status": {
      "success": { "$value": "#0E8C4A", "$type": "color" },
      "warning": { "$value": "#B57A0F", "$type": "color" },
      "error":   { "$value": "#C8392B", "$type": "color" },
      "info":    { "$value": "#2752E5", "$type": "color" }
    }
  },
  "typography": {
    "family": {
      "serif": { "$value": "Fraunces, Tiempos Headline, Georgia, serif", "$type": "fontFamily" },
      "sans":  { "$value": "Inter Tight, Inter, sans-serif", "$type": "fontFamily" },
      "mono":  { "$value": "JetBrains Mono, ui-monospace, monospace", "$type": "fontFamily" }
    },
    "size": {
      "xs":   { "$value": "11px",   "$type": "dimension" },
      "sm":   { "$value": "12.5px", "$type": "dimension" },
      "base": { "$value": "15px",   "$type": "dimension" },
      "md":   { "$value": "17px",   "$type": "dimension" },
      "lg":   { "$value": "19px",   "$type": "dimension" },
      "xl":   { "$value": "24px",   "$type": "dimension" },
      "2xl":  { "$value": "32px",   "$type": "dimension" },
      "3xl":  { "$value": "40px",   "$type": "dimension" },
      "4xl":  { "$value": "52px",   "$type": "dimension" },
      "5xl":  { "$value": "64px",   "$type": "dimension" },
      "6xl":  { "$value": "80px",   "$type": "dimension" }
    }
  },
  "space": {
    "0":  { "$value": "0",   "$type": "dimension" },
    "1":  { "$value": "4px",  "$type": "dimension" },
    "2":  { "$value": "8px",  "$type": "dimension" },
    "3":  { "$value": "12px", "$type": "dimension" },
    "4":  { "$value": "16px", "$type": "dimension" },
    "5":  { "$value": "20px", "$type": "dimension" },
    "6":  { "$value": "24px", "$type": "dimension" },
    "8":  { "$value": "32px", "$type": "dimension" },
    "10": { "$value": "40px", "$type": "dimension" },
    "12": { "$value": "48px", "$type": "dimension" },
    "16": { "$value": "64px", "$type": "dimension" },
    "20": { "$value": "80px", "$type": "dimension" },
    "24": { "$value": "96px", "$type": "dimension" }
  },
  "radius": {
    "sm":   { "$value": "4px",    "$type": "dimension" },
    "md":   { "$value": "8px",    "$type": "dimension" },
    "lg":   { "$value": "12px",   "$type": "dimension" },
    "xl":   { "$value": "16px",   "$type": "dimension" },
    "2xl":  { "$value": "24px",   "$type": "dimension" },
    "full": { "$value": "9999px", "$type": "dimension" }
  },
  "shadow": {
    "sm":     { "$value": "0 1px 2px rgba(14,22,51,.06)" },
    "md":     { "$value": "0 1px 3px rgba(14,22,51,.08), 0 4px 12px -4px rgba(14,22,51,.10)" },
    "lg":     { "$value": "0 4px 8px -2px rgba(14,22,51,.10), 0 12px 32px -16px rgba(14,22,51,.18)" },
    "xl":     { "$value": "0 12px 24px -8px rgba(14,22,51,.18), 0 24px 48px -12px rgba(14,22,51,.22)" },
    "or":     { "$value": "0 1px 2px rgba(181,122,15,.20), 0 6px 16px -8px rgba(201,149,61,.50)" },
    "marine": { "$value": "0 1px 2px rgba(14,22,51,.18), 0 6px 18px -8px rgba(14,22,51,.40)" }
  },
  "motion": {
    "ease": {
      "out":    { "$value": "cubic-bezier(0.16, 1, 0.3, 1)" },
      "spring": { "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)" },
      "in-out": { "$value": "cubic-bezier(0.65, 0, 0.35, 1)" }
    },
    "duration": {
      "fast":   { "$value": "120ms", "$type": "duration" },
      "base":   { "$value": "200ms", "$type": "duration" },
      "slow":   { "$value": "400ms", "$type": "duration" },
      "slower": { "$value": "900ms", "$type": "duration" }
    }
  }
}