{
  "color": {
    "primary": {
      "$type": "color",
      "$value": "#4F46E5",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#818CF8"
          }
        }
      }
    },
    "onPrimary": {
      "$type": "color",
      "$value": "#FFFFFF",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#141729"
          }
        }
      }
    },
    "secondary": {
      "$type": "color",
      "$value": "#14B8A6",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#2DD4BF"
          }
        }
      }
    },
    "onSecondary": {
      "$type": "color",
      "$value": "#20243A",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#141729"
          }
        }
      }
    },
    "success": {
      "$type": "color",
      "$value": "#0F766E",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#2DD4BF"
          }
        }
      }
    },
    "onSuccess": {
      "$type": "color",
      "$value": "#FFFFFF",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#141729"
          }
        }
      }
    },
    "warning": {
      "$type": "color",
      "$value": "#D97706",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#FCD34D"
          }
        }
      }
    },
    "onWarning": {
      "$type": "color",
      "$value": "#141729",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#141729"
          }
        }
      }
    },
    "danger": {
      "$type": "color",
      "$value": "#DC2626",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#F87171"
          }
        }
      }
    },
    "onDanger": {
      "$type": "color",
      "$value": "#FFFFFF",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#141729"
          }
        }
      }
    },
    "background": {
      "$type": "color",
      "$value": "#F8F9FF",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#11142A"
          }
        }
      }
    },
    "onBackground": {
      "$type": "color",
      "$value": "#20243A",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#E8EAF7"
          }
        }
      }
    },
    "surface": {
      "$type": "color",
      "$value": "#FFFFFF",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#171B34"
          }
        }
      }
    },
    "onSurface": {
      "$type": "color",
      "$value": "#20243A",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#E8EAF7"
          }
        }
      }
    },
    "muted": {
      "$type": "color",
      "$value": "#565C7E",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#9AA0BC"
          }
        }
      }
    },
    "border": {
      "$type": "color",
      "$value": "#E0E3F2",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#272B44"
          }
        }
      }
    },
    "focus": {
      "$type": "color",
      "$value": "#8B5CF6",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#A78BFA"
          }
        }
      }
    },
    "transparent": {
      "$type": "color",
      "$value": "#00000000",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#00000000"
          }
        }
      }
    },
    "subtle": {
      "$type": "color",
      "$value": "#EEF0FB",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#272B44"
          }
        }
      }
    },
    "secondaryStrong": {
      "$type": "color",
      "$value": "#0F766E",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#2DD4BF"
          }
        }
      }
    },
    "accent": {
      "$type": "color",
      "$value": "#F97360",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#FB8A78"
          }
        }
      }
    },
    "onAccent": {
      "$type": "color",
      "$value": "#20243A",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#141729"
          }
        }
      }
    },
    "highlight": {
      "$type": "color",
      "$value": "#7C3AED",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#A78BFA"
          }
        }
      }
    },
    "onHighlight": {
      "$type": "color",
      "$value": "#FFFFFF",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#141729"
          }
        }
      }
    },
    "primarySubtle": {
      "$type": "color",
      "$value": "#EEF0FF",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#23274B"
          }
        }
      }
    },
    "secondarySubtle": {
      "$type": "color",
      "$value": "#E6FAF7",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#153342"
          }
        }
      }
    },
    "accentSubtle": {
      "$type": "color",
      "$value": "#FFF0EC",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#362736"
          }
        }
      }
    },
    "highlightSubtle": {
      "$type": "color",
      "$value": "#F3EEFF",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#29274B"
          }
        }
      }
    },
    "warningSubtle": {
      "$type": "color",
      "$value": "#FFF7E6",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#373330"
          }
        }
      }
    },
    "dangerSubtle": {
      "$type": "color",
      "$value": "#FEF2F2",
      "$extensions": {
        "dev.buijs.stratastax": {
          "modes": {
            "dark": "#362335"
          }
        }
      }
    }
  },
  "gradient": {
    "brand": {
      "$type": "gradient",
      "$value": [
        {
          "color": "#4F46E5",
          "position": 0
        },
        {
          "color": "#8B5CF6",
          "position": 1
        }
      ],
      "$extensions": {
        "dev.buijs.stratastax": {
          "angle": 135,
          "modes": {
            "dark": [
              {
                "color": "#818CF8",
                "position": 0
              },
              {
                "color": "#A78BFA",
                "position": 1
              }
            ]
          }
        }
      }
    }
  },
  "radius": {
    "none": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "sm": {
      "$type": "dimension",
      "$value": {
        "value": 6,
        "unit": "px"
      }
    },
    "md": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "lg": {
      "$type": "dimension",
      "$value": {
        "value": 12,
        "unit": "px"
      }
    },
    "full": {
      "$type": "dimension",
      "$value": {
        "value": 9999,
        "unit": "px"
      }
    }
  },
  "space": {
    "none": {
      "$type": "dimension",
      "$value": {
        "value": 0,
        "unit": "px"
      }
    },
    "xs": {
      "$type": "dimension",
      "$value": {
        "value": 4,
        "unit": "px"
      }
    },
    "sm": {
      "$type": "dimension",
      "$value": {
        "value": 8,
        "unit": "px"
      }
    },
    "md": {
      "$type": "dimension",
      "$value": {
        "value": 16,
        "unit": "px"
      }
    },
    "lg": {
      "$type": "dimension",
      "$value": {
        "value": 24,
        "unit": "px"
      }
    },
    "xl": {
      "$type": "dimension",
      "$value": {
        "value": 32,
        "unit": "px"
      }
    },
    "x2l": {
      "$type": "dimension",
      "$value": {
        "value": 48,
        "unit": "px"
      }
    },
    "x3l": {
      "$type": "dimension",
      "$value": {
        "value": 64,
        "unit": "px"
      }
    }
  },
  "breakpoint": {
    "sm": {
      "$type": "dimension",
      "$value": {
        "value": 640,
        "unit": "px"
      }
    },
    "md": {
      "$type": "dimension",
      "$value": {
        "value": 768,
        "unit": "px"
      }
    },
    "lg": {
      "$type": "dimension",
      "$value": {
        "value": 1024,
        "unit": "px"
      }
    },
    "xl": {
      "$type": "dimension",
      "$value": {
        "value": 1280,
        "unit": "px"
      }
    }
  },
  "fontFamily": {
    "sans": {
      "$type": "fontFamily",
      "$value": [
        "Inter",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "sans-serif"
      ]
    },
    "heading": {
      "$type": "fontFamily",
      "$value": [
        "Plus Jakarta Sans",
        "ui-sans-serif",
        "system-ui",
        "-apple-system",
        "Segoe UI",
        "sans-serif"
      ]
    },
    "mono": {
      "$type": "fontFamily",
      "$value": [
        "JetBrains Mono",
        "ui-monospace",
        "SFMono-Regular",
        "Menlo",
        "Consolas",
        "monospace"
      ]
    }
  },
  "typography": {
    "header1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Plus Jakarta Sans",
        "fontWeight": 800,
        "fontSize": {
          "value": 30,
          "unit": "px"
        },
        "lineHeight": 1.15,
        "letterSpacing": {
          "value": -0.75,
          "unit": "px"
        }
      },
      "$extensions": {
        "dev.buijs.stratastax": {
          "responsiveSize": {
            "base": 30,
            "lg": 36
          }
        }
      }
    },
    "header2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Plus Jakarta Sans",
        "fontWeight": 700,
        "fontSize": {
          "value": 24,
          "unit": "px"
        },
        "lineHeight": 1.2,
        "letterSpacing": {
          "value": -0.5,
          "unit": "px"
        }
      },
      "$extensions": {
        "dev.buijs.stratastax": {
          "responsiveSize": {
            "base": 24,
            "lg": 30
          }
        }
      }
    },
    "header3": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Plus Jakarta Sans",
        "fontWeight": 600,
        "fontSize": {
          "value": 18,
          "unit": "px"
        },
        "lineHeight": 1.3,
        "letterSpacing": {
          "value": -0.25,
          "unit": "px"
        }
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontWeight": 400,
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "lineHeight": 1.5,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontWeight": 500,
        "fontSize": {
          "value": 14,
          "unit": "px"
        },
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      }
    },
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Inter",
        "fontWeight": 400,
        "fontSize": {
          "value": 12,
          "unit": "px"
        },
        "lineHeight": 1.4,
        "letterSpacing": {
          "value": 0,
          "unit": "px"
        }
      }
    }
  }
}