@import "tailwindcss";

@theme inline {
  --font-sans: var(--t3-font-sans);
  --font-mono: var(--t3-font-mono);
  --color-background: var(--t3-background);
  --color-foreground: var(--t3-foreground);
  --color-popover: var(--t3-popover);
  --color-popover-foreground: var(--t3-popover-foreground);
  --color-primary: var(--t3-primary);
  --color-primary-foreground: var(--t3-primary-foreground);
  --color-muted: var(--t3-muted);
  --color-muted-foreground: var(--t3-muted-foreground);
  --color-accent: var(--t3-accent);
  --color-accent-foreground: var(--t3-accent-foreground);
  --color-border: var(--t3-border);
  --color-input: var(--t3-input);
  --color-ring: var(--t3-ring);
  --radius-sm: calc(var(--t3-radius) - 4px);
  --radius-md: calc(var(--t3-radius) - 2px);
  --radius-lg: var(--t3-radius);
  --radius-xl: calc(var(--t3-radius) + 4px);
  --radius-2xl: calc(var(--t3-radius) + 8px);
}

:host {
  --t3-font-sans:
    "DM Sans Variable", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui,
    sans-serif;
  --t3-font-mono:
    "SF Mono", "SFMono-Regular", "JetBrains Mono", Consolas, "Liberation Mono", Menlo, monospace;
  --t3-radius: 0.625rem;
  --t3-background: white;
  --t3-foreground: oklch(0.269 0 0);
  --t3-popover: white;
  --t3-popover-foreground: oklch(0.269 0 0);
  --t3-primary: oklch(0.488 0.217 264);
  --t3-primary-foreground: white;
  --t3-muted: rgb(0 0 0 / 4%);
  --t3-muted-foreground: oklch(0.556 0 0);
  --t3-accent: rgb(0 0 0 / 4%);
  --t3-accent-foreground: oklch(0.269 0 0);
  --t3-border: rgb(0 0 0 / 8%);
  --t3-input: rgb(0 0 0 / 10%);
  --t3-ring: oklch(0.488 0.217 264);
  color: var(--t3-foreground);
  font-family: var(--t3-font-sans);
}

* {
  box-sizing: border-box;
  border-color: var(--t3-border);
}

button,
input,
select,
textarea {
  font: inherit;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--t3-ring) 72%, transparent);
  outline-offset: 1px;
}