{
  "$description": "Southleft design tokens — the actual token layer this site runs on. DTCG format. Yes, we practice what we pitch.",
  "color": {
    "red": {
      "400": {
        "$type": "color",
        "$value": "#f4795c"
      },
      "500": {
        "$type": "color",
        "$value": "#f05735",
        "$description": "THE red. There is only one."
      },
      "600": {
        "$type": "color",
        "$value": "#d84424"
      },
      "700": {
        "$type": "color",
        "$value": "#b23015"
      }
    },
    "blue": {
      "400": {
        "$type": "color",
        "$value": "#2e8bbd"
      },
      "500": {
        "$type": "color",
        "$value": "#006699"
      },
      "600": {
        "$type": "color",
        "$value": "#00527a"
      },
      "900": {
        "$type": "color",
        "$value": "#062a3a"
      }
    },
    "paper": {
      "0": {
        "$type": "color",
        "$value": "#fdfcfa"
      },
      "50": {
        "$type": "color",
        "$value": "#faf9f8"
      },
      "100": {
        "$type": "color",
        "$value": "#f3f1eb"
      },
      "200": {
        "$type": "color",
        "$value": "#e2e0da"
      },
      "300": {
        "$type": "color",
        "$value": "#cfc9bc"
      },
      "400": {
        "$type": "color",
        "$value": "#a49981"
      },
      "500": {
        "$type": "color",
        "$value": "#857a63"
      },
      "600": {
        "$type": "color",
        "$value": "#5f5747"
      },
      "450": {
        "$type": "color",
        "$value": "#948a70"
      }
    },
    "ink": {
      "600": {
        "$type": "color",
        "$value": "#4a453a"
      },
      "700": {
        "$type": "color",
        "$value": "#322e26"
      },
      "800": {
        "$type": "color",
        "$value": "#232019"
      },
      "900": {
        "$type": "color",
        "$value": "#181714"
      },
      "950": {
        "$type": "color",
        "$value": "#100f0d"
      }
    },
    "status": {
      "success": {
        "$type": "color",
        "$value": "#36b370"
      },
      "warning": {
        "$type": "color",
        "$value": "#ffab00"
      },
      "info": {
        "$type": "color",
        "$value": "#00b8d9"
      },
      "error": {
        "$type": "color",
        "$value": "#cb4324"
      }
    }
  },
  "semantic": {
    "dark": {
      "bg": {
        "$type": "color",
        "$value": "{color.ink.900}"
      },
      "bg-raised": {
        "$type": "color",
        "$value": "{color.ink.800}"
      },
      "fg": {
        "$type": "color",
        "$value": "{color.paper.50}"
      },
      "fg-muted": {
        "$type": "color",
        "$value": "{color.paper.400}"
      },
      "accent": {
        "$type": "color",
        "$value": "{color.red.500}"
      },
      "link": {
        "$type": "color",
        "$value": "{color.blue.400}"
      },
      "border": {
        "$type": "color",
        "$value": "{color.ink.600}"
      }
    },
    "light": {
      "bg": {
        "$type": "color",
        "$value": "{color.paper.100}"
      },
      "bg-raised": {
        "$type": "color",
        "$value": "{color.paper.0}"
      },
      "fg": {
        "$type": "color",
        "$value": "{color.ink.900}"
      },
      "fg-muted": {
        "$type": "color",
        "$value": "{color.paper.600}"
      },
      "accent": {
        "$type": "color",
        "$value": "{color.red.600}"
      },
      "link": {
        "$type": "color",
        "$value": "{color.blue.600}"
      },
      "border": {
        "$type": "color",
        "$value": "{color.paper.300}"
      }
    }
  },
  "font": {
    "display": {
      "$type": "fontFamily",
      "$value": [
        "Agrandir",
        "IBM Plex Sans",
        "sans-serif"
      ]
    },
    "body": {
      "$type": "fontFamily",
      "$value": [
        "IBM Plex Sans",
        "system-ui",
        "sans-serif"
      ]
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "IBM Plex Mono",
        "Menlo",
        "monospace"
      ]
    }
  },
  "radius": {
    "$description": "Near-square by intent — the pill (full) is the single deliberate exception.",
    "xs": {
      "$type": "dimension",
      "$value": "2px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "3px"
    },
    "md": {
      "$type": "dimension",
      "$value": "4px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "6px"
    },
    "full": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "motion": {
    "ease-out": {
      "$type": "cubicBezier",
      "$value": [
        0.22,
        1,
        0.36,
        1
      ]
    },
    "ease-in-out": {
      "$type": "cubicBezier",
      "$value": [
        0.65,
        0,
        0.35,
        1
      ]
    },
    "duration-fast": {
      "$type": "duration",
      "$value": "150ms"
    },
    "duration-base": {
      "$type": "duration",
      "$value": "300ms"
    },
    "duration-slow": {
      "$type": "duration",
      "$value": "600ms"
    }
  }
}