{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "theme",
  "title": "Theme",
  "description": "Corsair colour, radius and base styles for light and dark mode. Every component relies on these variables; override --primary, --primary-foreground and --ring to apply your brand.",
  "tailwind": {
    "config": {
      "theme": {
        "extend": {
          "colors": {
            "background": "color-mix(in oklab, var(--background) calc(<alpha-value> * 100%), transparent)",
            "foreground": "color-mix(in oklab, var(--foreground) calc(<alpha-value> * 100%), transparent)",
            "card": {
              "DEFAULT": "color-mix(in oklab, var(--card) calc(<alpha-value> * 100%), transparent)",
              "foreground": "color-mix(in oklab, var(--card-foreground) calc(<alpha-value> * 100%), transparent)"
            },
            "popover": {
              "DEFAULT": "color-mix(in oklab, var(--popover) calc(<alpha-value> * 100%), transparent)",
              "foreground": "color-mix(in oklab, var(--popover-foreground) calc(<alpha-value> * 100%), transparent)"
            },
            "primary": {
              "DEFAULT": "color-mix(in oklab, var(--primary) calc(<alpha-value> * 100%), transparent)",
              "foreground": "color-mix(in oklab, var(--primary-foreground) calc(<alpha-value> * 100%), transparent)"
            },
            "secondary": {
              "DEFAULT": "color-mix(in oklab, var(--secondary) calc(<alpha-value> * 100%), transparent)",
              "foreground": "color-mix(in oklab, var(--secondary-foreground) calc(<alpha-value> * 100%), transparent)"
            },
            "muted": {
              "DEFAULT": "color-mix(in oklab, var(--muted) calc(<alpha-value> * 100%), transparent)",
              "foreground": "color-mix(in oklab, var(--muted-foreground) calc(<alpha-value> * 100%), transparent)"
            },
            "accent": {
              "DEFAULT": "color-mix(in oklab, var(--accent) calc(<alpha-value> * 100%), transparent)",
              "foreground": "color-mix(in oklab, var(--accent-foreground) calc(<alpha-value> * 100%), transparent)"
            },
            "destructive": {
              "DEFAULT": "color-mix(in oklab, var(--destructive) calc(<alpha-value> * 100%), transparent)",
              "foreground": "color-mix(in oklab, var(--destructive-foreground) calc(<alpha-value> * 100%), transparent)"
            },
            "success": "color-mix(in oklab, var(--success) calc(<alpha-value> * 100%), transparent)",
            "warning": "color-mix(in oklab, var(--warning) calc(<alpha-value> * 100%), transparent)",
            "border": "color-mix(in oklab, var(--border) calc(<alpha-value> * 100%), transparent)",
            "input": "color-mix(in oklab, var(--input) calc(<alpha-value> * 100%), transparent)",
            "field": "color-mix(in oklab, var(--field) calc(<alpha-value> * 100%), transparent)",
            "ring": "color-mix(in oklab, var(--ring) calc(<alpha-value> * 100%), transparent)"
          },
          "borderRadius": {
            "sm": "max(0px, calc(var(--radius) - 4px))",
            "md": "max(0px, calc(var(--radius) - 2px))",
            "lg": "var(--radius)",
            "xl": "calc(var(--radius) + 4px)"
          }
        }
      }
    }
  },
  "cssVars": {
    "theme": {
      "color-background": "var(--background)",
      "color-foreground": "var(--foreground)",
      "color-card": "var(--card)",
      "color-card-foreground": "var(--card-foreground)",
      "color-popover": "var(--popover)",
      "color-popover-foreground": "var(--popover-foreground)",
      "color-primary": "var(--primary)",
      "color-primary-foreground": "var(--primary-foreground)",
      "color-secondary": "var(--secondary)",
      "color-secondary-foreground": "var(--secondary-foreground)",
      "color-muted": "var(--muted)",
      "color-muted-foreground": "var(--muted-foreground)",
      "color-accent": "var(--accent)",
      "color-accent-foreground": "var(--accent-foreground)",
      "color-destructive": "var(--destructive)",
      "color-destructive-foreground": "var(--destructive-foreground)",
      "color-success": "var(--success)",
      "color-warning": "var(--warning)",
      "color-border": "var(--border)",
      "color-input": "var(--input)",
      "color-field": "var(--field)",
      "color-ring": "var(--ring)",
      "radius-sm": "max(0px, calc(var(--radius) - 4px))",
      "radius-md": "max(0px, calc(var(--radius) - 2px))",
      "radius-lg": "var(--radius)",
      "radius-xl": "calc(var(--radius) + 4px)"
    },
    "light": {
      "radius": "0.625rem",
      "background": "#ffffff",
      "foreground": "#0a0a0a",
      "card": "#ffffff",
      "card-foreground": "#0a0a0a",
      "popover": "#ffffff",
      "popover-foreground": "#0a0a0a",
      "primary": "#171717",
      "primary-foreground": "#fafafa",
      "secondary": "#f5f5f5",
      "secondary-foreground": "#171717",
      "muted": "#f5f5f5",
      "muted-foreground": "#6f6f6f",
      "accent": "#f5f5f5",
      "accent-foreground": "#171717",
      "destructive": "#dc2626",
      "destructive-foreground": "#ffffff",
      "success": "#16a34a",
      "warning": "#d97706",
      "border": "#e5e5e5",
      "input": "#e5e5e5",
      "field": "#ffffff",
      "ring": "#737373"
    },
    "dark": {
      "background": "#0a0a0a",
      "foreground": "#fafafa",
      "card": "#171717",
      "card-foreground": "#fafafa",
      "popover": "#171717",
      "popover-foreground": "#fafafa",
      "primary": "#fafafa",
      "primary-foreground": "#171717",
      "secondary": "#262626",
      "secondary-foreground": "#fafafa",
      "muted": "#262626",
      "muted-foreground": "#a3a3a3",
      "accent": "#262626",
      "accent-foreground": "#fafafa",
      "destructive": "#ef4444",
      "destructive-foreground": "#0a0a0a",
      "success": "#4ade80",
      "warning": "#fbbf24",
      "border": "rgb(255 255 255 / 0.1)",
      "input": "rgb(255 255 255 / 0.15)",
      "field": "rgb(255 255 255 / 0.05)",
      "ring": "#737373"
    }
  },
  "css": {
    "@layer base": {
      "*": {
        "@apply border-border outline-ring/50": {}
      },
      "body": {
        "@apply bg-background text-foreground": {}
      }
    }
  },
  "type": "registry:theme"
}