{
  "$description": "Dowel design tokens, preset \"violet\". Generated from the CSS the components use; colours are sRGB hex converted from OKLCH.",
  "core": {
    "color": {
      "neutral": {
        "50": {
          "$type": "color",
          "$value": "#f9fafb"
        },
        "100": {
          "$type": "color",
          "$value": "#f3f4f7"
        },
        "200": {
          "$type": "color",
          "$value": "#e5e7eb"
        },
        "300": {
          "$type": "color",
          "$value": "#d3d5dc"
        },
        "400": {
          "$type": "color",
          "$value": "#9ea2ab"
        },
        "500": {
          "$type": "color",
          "$value": "#686c75"
        },
        "600": {
          "$type": "color",
          "$value": "#52565e"
        },
        "700": {
          "$type": "color",
          "$value": "#3c4048"
        },
        "800": {
          "$type": "color",
          "$value": "#26292f"
        },
        "900": {
          "$type": "color",
          "$value": "#16191e"
        },
        "950": {
          "$type": "color",
          "$value": "#080a0e"
        }
      },
      "red": {
        "400": {
          "$type": "color",
          "$value": "#f45249"
        },
        "500": {
          "$type": "color",
          "$value": "#de2024"
        }
      },
      "green": {
        "400": {
          "$type": "color",
          "$value": "#4db06e"
        },
        "500": {
          "$type": "color",
          "$value": "#008240"
        }
      },
      "amber": {
        "400": {
          "$type": "color",
          "$value": "#f1ba4b"
        },
        "500": {
          "$type": "color",
          "$value": "#a06200"
        }
      },
      "blue": {
        "400": {
          "$type": "color",
          "$value": "#44a3df"
        },
        "500": {
          "$type": "color",
          "$value": "#0078b3"
        }
      }
    },
    "radius": {
      "xs": {
        "$type": "dimension",
        "$value": "4px"
      },
      "sm": {
        "$type": "dimension",
        "$value": "6px"
      },
      "md": {
        "$type": "dimension",
        "$value": "8px"
      },
      "lg": {
        "$type": "dimension",
        "$value": "12px"
      },
      "xl": {
        "$type": "dimension",
        "$value": "16px"
      },
      "2xl": {
        "$type": "dimension",
        "$value": "24px"
      },
      "3xl": {
        "$type": "dimension",
        "$value": "32px"
      },
      "full": {
        "$type": "dimension",
        "$value": "9999px"
      }
    },
    "font": {
      "family": {
        "sans": {
          "$type": "fontFamily",
          "$value": [
            "ui-sans-serif",
            "system-ui",
            "-apple-system",
            "Segoe UI",
            "Roboto",
            "Helvetica Neue",
            "Arial",
            "Noto Sans",
            "sans-serif",
            "Apple Color Emoji",
            "Segoe UI Emoji"
          ]
        },
        "mono": {
          "$type": "fontFamily",
          "$value": [
            "ui-monospace",
            "SFMono-Regular",
            "SF Mono",
            "Menlo",
            "Consolas",
            "Liberation Mono",
            "monospace"
          ]
        }
      },
      "text": {
        "2xs": {
          "size": {
            "$type": "dimension",
            "$value": "11px"
          },
          "lineHeight": {
            "$type": "dimension",
            "$value": "16px"
          }
        },
        "xs": {
          "size": {
            "$type": "dimension",
            "$value": "12px"
          },
          "lineHeight": {
            "$type": "dimension",
            "$value": "18px"
          }
        },
        "sm": {
          "size": {
            "$type": "dimension",
            "$value": "14px"
          },
          "lineHeight": {
            "$type": "dimension",
            "$value": "20px"
          }
        },
        "base": {
          "size": {
            "$type": "dimension",
            "$value": "15px"
          },
          "lineHeight": {
            "$type": "dimension",
            "$value": "22.4px"
          }
        },
        "lg": {
          "size": {
            "$type": "dimension",
            "$value": "17px"
          },
          "lineHeight": {
            "$type": "dimension",
            "$value": "25.6px"
          }
        },
        "xl": {
          "size": {
            "$type": "dimension",
            "$value": "20px"
          },
          "lineHeight": {
            "$type": "dimension",
            "$value": "28px"
          }
        },
        "2xl": {
          "size": {
            "$type": "dimension",
            "$value": "24px"
          },
          "lineHeight": {
            "$type": "dimension",
            "$value": "32px"
          }
        },
        "3xl": {
          "size": {
            "$type": "dimension",
            "$value": "30px"
          },
          "lineHeight": {
            "$type": "dimension",
            "$value": "36px"
          }
        },
        "4xl": {
          "size": {
            "$type": "dimension",
            "$value": "36px"
          },
          "lineHeight": {
            "$type": "dimension",
            "$value": "40px"
          }
        }
      }
    }
  },
  "light": {
    "color": {
      "background": {
        "$type": "color",
        "$value": "#ffffff"
      },
      "foreground": {
        "$type": "color",
        "$value": "#16191e"
      },
      "card": {
        "$type": "color",
        "$value": "#ffffff"
      },
      "card-foreground": {
        "$type": "color",
        "$value": "#16191e"
      },
      "popover": {
        "$type": "color",
        "$value": "#ffffff"
      },
      "popover-foreground": {
        "$type": "color",
        "$value": "#16191e"
      },
      "primary": {
        "$type": "color",
        "$value": "#8845d1"
      },
      "primary-hover": {
        "$type": "color",
        "$value": "#7b36c1"
      },
      "primary-active": {
        "$type": "color",
        "$value": "#7028b5"
      },
      "primary-foreground": {
        "$type": "color",
        "$value": "#f9fafb"
      },
      "secondary": {
        "$type": "color",
        "$value": "#f3f4f7"
      },
      "secondary-foreground": {
        "$type": "color",
        "$value": "#16191e"
      },
      "muted": {
        "$type": "color",
        "$value": "#f3f4f7"
      },
      "muted-foreground": {
        "$type": "color",
        "$value": "#686c75"
      },
      "accent": {
        "$type": "color",
        "$value": "#f3f4f7"
      },
      "accent-foreground": {
        "$type": "color",
        "$value": "#16191e"
      },
      "destructive": {
        "$type": "color",
        "$value": "#de2024"
      },
      "destructive-foreground": {
        "$type": "color",
        "$value": "#f9fafb"
      },
      "success": {
        "$type": "color",
        "$value": "#008240"
      },
      "success-foreground": {
        "$type": "color",
        "$value": "#f9fafb"
      },
      "warning": {
        "$type": "color",
        "$value": "#a06200"
      },
      "warning-foreground": {
        "$type": "color",
        "$value": "#f9fafb"
      },
      "info": {
        "$type": "color",
        "$value": "#0078b3"
      },
      "info-foreground": {
        "$type": "color",
        "$value": "#f9fafb"
      },
      "border": {
        "$type": "color",
        "$value": "#e5e7eb"
      },
      "border-strong": {
        "$type": "color",
        "$value": "#d3d5dc"
      },
      "input": {
        "$type": "color",
        "$value": "#8e929a"
      },
      "ring": {
        "$type": "color",
        "$value": "#8845d1"
      },
      "overlay": {
        "$type": "color",
        "$value": "#16191e8c"
      },
      "shadow-color": {
        "$type": "color",
        "$value": "#16191e1a"
      }
    }
  },
  "dark": {
    "color": {
      "background": {
        "$type": "color",
        "$value": "#080a0e"
      },
      "foreground": {
        "$type": "color",
        "$value": "#f3f4f7"
      },
      "card": {
        "$type": "color",
        "$value": "#0f1116"
      },
      "card-foreground": {
        "$type": "color",
        "$value": "#f3f4f7"
      },
      "popover": {
        "$type": "color",
        "$value": "#13151a"
      },
      "popover-foreground": {
        "$type": "color",
        "$value": "#f3f4f7"
      },
      "primary": {
        "$type": "color",
        "$value": "#a26ee5"
      },
      "primary-hover": {
        "$type": "color",
        "$value": "#b07df4"
      },
      "primary-active": {
        "$type": "color",
        "$value": "#9560d5"
      },
      "primary-foreground": {
        "$type": "color",
        "$value": "#0f0917"
      },
      "secondary": {
        "$type": "color",
        "$value": "#1e2026"
      },
      "secondary-foreground": {
        "$type": "color",
        "$value": "#f3f4f7"
      },
      "muted": {
        "$type": "color",
        "$value": "#1e2026"
      },
      "muted-foreground": {
        "$type": "color",
        "$value": "#9ea2ab"
      },
      "accent": {
        "$type": "color",
        "$value": "#23262c"
      },
      "accent-foreground": {
        "$type": "color",
        "$value": "#f9fafb"
      },
      "destructive": {
        "$type": "color",
        "$value": "#f45249"
      },
      "destructive-foreground": {
        "$type": "color",
        "$value": "#140908"
      },
      "success": {
        "$type": "color",
        "$value": "#4db06e"
      },
      "success-foreground": {
        "$type": "color",
        "$value": "#071009"
      },
      "warning": {
        "$type": "color",
        "$value": "#f1ba4b"
      },
      "warning-foreground": {
        "$type": "color",
        "$value": "#120c04"
      },
      "info": {
        "$type": "color",
        "$value": "#44a3df"
      },
      "info-foreground": {
        "$type": "color",
        "$value": "#060e15"
      },
      "border": {
        "$type": "color",
        "$value": "#26292f"
      },
      "border-strong": {
        "$type": "color",
        "$value": "#35383f"
      },
      "input": {
        "$type": "color",
        "$value": "#5a5e65"
      },
      "ring": {
        "$type": "color",
        "$value": "#a26ee5"
      },
      "overlay": {
        "$type": "color",
        "$value": "#030305b3"
      },
      "shadow-color": {
        "$type": "color",
        "$value": "#00000073"
      }
    }
  }
}