{
  "ds": {
    "core": {
      "typography": {
        "font-size": {
          "2xl": "48px",
          "2xs": "12px",
          "l": "24px",
          "l-bis": "28px",
          "xs": "14px",
          "xl": "32px",
          "3xl": "72px",
          "s": "16px",
          "s-bis": "18px",
          "m": "20px"
        },
        "line-height": {
          "xs": "14px",
          "s": "16px",
          "m": "20px",
          "2xl": "40px",
          "2xs": "12px",
          "l": "24px",
          "xl": "32px"
        },
        "font-weight": {
          "medium": "500",
          "semibold": "600",
          "regular": "400"
        }
      }
    },
    "brand": {
      "typography": {
        "font-family": {
          "primary": "Lato",
          "quaternary": "Gill Sans Nova Inline",
          "secondary": "Blokletters Balpen",
          "tertiary": "Bricolage Grotesque"
        }
      }
    },
    "semantic": {
      "font": {
        "weight": {
          "default": "400",
          "stronger": "800",
          "strong": "700"
        },
        "family": {
          "annotation": "Lato",
          "default": "Lato",
          "title": "Bricolage Grotesque",
          "title-alt": "Bricolage Grotesque"
        }
      },
      "sizing": {
        "s": "16px",
        "m": "24px",
        "ml": "28px",
        "4xl": "64px",
        "5xl": "72px",
        "6xl": "80px",
        "7xl": "120px",
        "9xl": "240px",
        "10xl": "288px",
        "xs": "12px",
        "20xl": "1280px",
        "21xl": "1440px",
        "22xl": "1600px",
        "sm": "20px",
        "l": "32px",
        "xl": "40px",
        "2xl": "48px",
        "13xl": "560px",
        "14xl": "600px",
        "3xs": "4px",
        "2xs": "8px",
        "3xl": "56px",
        "8xl": "168px",
        "11xl": "320px",
        "12xl": "440px",
        "14xl-bis": "672px",
        "15xl": "768px",
        "16xl": "896px",
        "17xl": "960px",
        "18xl": "1024px",
        "19xl": "1152px"
      },
      "layout": {
        "page-max-width-l": "1600px",
        "form-max-width": "896px",
        "text-max-width": "672px",
        "gutter-default": "24px",
        "margin-default": "48px"
      },
      "spacing": {
        "xs": "8px",
        "3xl": "48px",
        "2xs": "6px",
        "4xs": "2px",
        "3xs": "4px",
        "s": "12px",
        "m": "16px",
        "l": "24px",
        "xl": "32px",
        "2xl": "40px",
        "4xl": "64px",
        "5xl": "80px",
        "6xl": "120px"
      },
      "radius": {
        "input": "4px",
        "default": "16px",
        "action": "100px",
        "elevated": "24px",
        "skeleton": "100px",
        "circle": "100px"
      },
      "color": {
        "layout-invert": {
          "border": {
            "medium-default": "#ffffff19",
            "strong-default": "#ffffff3f",
            "strongest-default": "#ffffffff"
          },
          "content": {
            "subtle": "#ffffffb2",
            "medium": "#ffffffff"
          },
          "surface": {
            "medium-hover": "#374151ff",
            "medium-default": "#111827ff",
            "strong-default": "#374151ff",
            "medium-selected": "#1c5793ff"
          }
        },
        "action-invert": {
          "surface": {
            "subtle": "#ffffff28",
            "stronger": "#ffffffb7",
            "subtlest": "#ffffff14",
            "strong": "#ffffffe0",
            "medium": "#ffffffff"
          },
          "border": {
            "medium": "#ffffffff"
          }
        },
        "disabled-invert": {
          "content": {
            "medium": "#ffffff4c"
          },
          "surface": {
            "medium": "#ffffff19"
          }
        },
        "danger-invert": {
          "content": {
            "subtle": "#fd7e6cb2",
            "medium": "#fd7e6cff"
          }
        },
        "neutral-invert": {
          "surface": {
            "medium-hover": "#ffffffe0",
            "medium-active": "#ffffffb7",
            "medium-default": "#ffffffff"
          },
          "border": {
            "subtlest": "#ffffff3f",
            "medium": "#ffffffff"
          },
          "content": {
            "medium": "#1f2937ff"
          }
        },
        "overlay": {
          "surface": {
            "medium": "#1118274c"
          }
        },
        "action-special": {
          "surface": {
            "strong": "#2563ebff",
            "subtlest": "#eff4ffff",
            "subtle": "#dbe6feff",
            "medium": "#3b76f6ff",
            "stronger": "#1d58d8ff"
          },
          "content": {
            "strong": "#2563ebff",
            "stronger": "#1d58d8ff",
            "medium": "#3b76f6ff"
          },
          "border": {
            "medium": "#3b76f6ff",
            "strong": "#2563ebff",
            "stronger": "#1d58d8ff"
          }
        },
        "read-only": {
          "content": {
            "subtle": "#6b7280ff",
            "subtlest": "#9ca3afff",
            "medium": "#4b5563ff"
          },
          "surface": {
            "medium": "#f9fafbff",
            "strong": "#9ca3afff"
          },
          "border": {
            "strong": "#9ca3afff",
            "medium": "#d1d5dbff",
            "subtle": "#f3f4f6ff"
          }
        },
        "accent2": {
          "surface": {
            "subtle": "#fefc7cff",
            "subtlest": "#fcfdb4ff",
            "medium": "#ffd500ff"
          },
          "border": {
            "subtle": "#ffe40dff",
            "medium": "#ffd500ff"
          },
          "content": {
            "subtle": "#ffe40dff",
            "medium": "#ffd500ff",
            "strong": "#74470fff"
          }
        },
        "accent4": {
          "surface": {
            "subtle": "#b7ecffff",
            "subtlest": "#dff4ffff",
            "medium": "#05b7efff"
          },
          "content": {
            "subtle": "#78dfffff",
            "medium": "#05b7efff",
            "strong": "#02658aff"
          },
          "border": {
            "subtle": "#78dfffff",
            "medium": "#05b7efff"
          }
        },
        "accent5": {
          "border": {
            "medium": "#ec4899ff",
            "subtle": "#f9a8d4ff"
          },
          "content": {
            "subtle": "#f9a8d4ff",
            "medium": "#ec4899ff",
            "strong": "#9d174dff"
          },
          "surface": {
            "subtlest": "#fce7f3ff",
            "subtle": "#fbcfe8ff",
            "medium": "#ec4899ff"
          }
        },
        "action": {
          "content": {
            "medium": "#1f2937ff",
            "strong": "#374151ff",
            "stronger": "#111827ff"
          },
          "surface": {
            "strong": "#374151ff",
            "subtlest": "#f9fafbff",
            "subtle": "#f3f4f6ff",
            "medium": "#1f2937ff",
            "stronger": "#111827ff"
          },
          "border": {
            "strong": "#374151ff",
            "medium": "#1f2937ff",
            "stronger": "#111827ff"
          }
        },
        "layout": {
          "border": {
            "medium-selected": "#93b4fdff",
            "medium-hover": "#9ca3afff",
            "strong-selected": "#3b76f6ff",
            "subtle-default": "#e5e7ebff",
            "subtle-selected": "#dbe6feff",
            "medium-default": "#d1d5dbff",
            "strong-default": "#9ca3afff",
            "strong-hover": "#6b7280ff"
          },
          "content": {
            "strong": "#1d58d8ff",
            "subtle": "#6b7280ff",
            "medium": "#1f2937ff",
            "subtlest": "#9ca3afff"
          },
          "surface": {
            "stronger-default": "#dbe6feff",
            "subtle-default": "#f9fafbff",
            "strong-default": "#f3f4f6ff",
            "medium-default": "#ffffffff",
            "medium-hover": "#f9fafbff",
            "medium-active": "#f3f4f6ff",
            "medium-selected": "#eff4ffff"
          }
        },
        "neutral": {
          "border": {
            "subtlest": "#d1d5dbff",
            "medium": "#4b5563ff",
            "subtle": "#9ca3afff",
            "strong": "#1f2937ff"
          },
          "surface": {
            "medium-hover": "#e5e7ebff",
            "strongest-default": "#1f2937ff",
            "subtle-default": "#ffffffff",
            "subtle-hover": "#f9fafbff",
            "medium-default": "#f3f4f6ff",
            "medium-active": "#d1d5dbff",
            "strong-default": "#e5e7ebff",
            "stronger-default": "#d1d5dbff",
            "stronger-hover": "#9ca3afff",
            "strongest-hover": "#111827ff"
          },
          "content": {
            "subtle": "#4b5563ff",
            "medium": "#1f2937ff"
          }
        },
        "danger": {
          "surface": {
            "stronger": "#9d2717ff",
            "subtlest": "#ffe5e1ff",
            "subtle": "#ffcfc8ff",
            "medium": "#e23820ff",
            "strong": "#bf2a16ff"
          },
          "content": {
            "subtle": "#f66551ff",
            "medium": "#e23820ff",
            "strong": "#9d2717ff",
            "stronger": "#631a0fff"
          },
          "border": {
            "subtle": "#ffada2ff",
            "medium": "#e23820ff",
            "strong": "#9d2717ff",
            "stronger": "#631a0fff"
          }
        },
        "success": {
          "border": {
            "subtle": "#86efacff",
            "medium": "#22c55eff"
          },
          "surface": {
            "subtlest": "#dcfce7ff",
            "subtle": "#bbf7d0ff",
            "medium": "#22c55eff"
          },
          "content": {
            "strong": "#166534ff",
            "medium": "#16a34aff"
          }
        },
        "alert": {
          "surface": {
            "subtlest": "#ffeeceff",
            "medium": "#e27f00ff",
            "subtle": "#ffde9dff"
          },
          "content": {
            "medium": "#e27f00ff",
            "strong": "#7c380bff"
          },
          "border": {
            "subtle": "#ffcd6cff",
            "medium": "#e27f00ff"
          }
        },
        "accent1": {
          "content": {
            "medium": "#84cc16ff",
            "subtlest": "#d9f99dff",
            "subtle": "#a3e635ff",
            "strong": "#3f6212ff"
          },
          "border": {
            "subtle": "#a3e635ff",
            "medium": "#84cc16ff"
          },
          "surface": {
            "subtlest": "#ecfccbff",
            "subtle": "#d9f99dff",
            "medium": "#84cc16ff"
          }
        },
        "space": {
          "content": {
            "medium": "#ffffffff",
            "subtlest": "#ffffffff",
            "subtle": "#ffffffff",
            "strong": "#ffffffff"
          },
          "border": {
            "strong": "#ffffffff",
            "medium": "#ffffffff"
          },
          "surface": {
            "subtlest": "#ffffffff",
            "subtle": "#ffffffff",
            "medium": "#ffffffff"
          }
        },
        "information": {
          "content": {
            "medium": "#6b7280ff",
            "strong": "#111827ff"
          },
          "surface": {
            "subtlest": "#f3f4f6ff",
            "subtle": "#e5e7ebff",
            "medium": "#111827ff"
          },
          "border": {
            "subtle": "#d1d5dbff",
            "medium": "#111827ff"
          }
        },
        "skeleton": {
          "surface": {
            "subtle": "#f3f4f6ff",
            "medium": "#e5e7ebff"
          }
        },
        "disabled": {
          "content": {
            "subtlest": "#f9fafbff",
            "subtle": "#e5e7ebff",
            "medium": "#9ca3afff"
          },
          "surface": {
            "medium": "#f9fafbff",
            "strong": "#e5e7ebff"
          },
          "border": {
            "medium": "#e5e7ebff"
          }
        },
        "accent3": {
          "content": {
            "subtle": "#a78bfaff",
            "medium": "#8b5cf6ff",
            "strong": "#5b21b6ff"
          },
          "surface": {
            "subtlest": "#ede9feff",
            "subtle": "#ddd6feff",
            "medium": "#8b5cf6ff"
          },
          "border": {
            "subtle": "#a78bfaff",
            "medium": "#8b5cf6ff"
          }
        }
      }
    }
  }
}