/* 2Fifteen Tech theme for Tailwind CSS v4. Import after tailwindcss and
   after 2fifteen-tokens.css, which defines the variables used here. */
@theme inline {
  --color-brand-blue: #77B8E0;
  --color-brand-yellow: #F5C543;
  --color-brand-pink: #DD3A94;
  --color-brand-dark: #3A3A3A;
  --color-background: var(--background);
  --color-card: var(--card);
  --color-muted: var(--muted);
  --color-border: var(--border);
  --color-muted-foreground: var(--muted-foreground);
  --color-foreground: var(--foreground);
  --color-status-green: var(--status-green);
  --color-status-yellow: var(--status-yellow);
  --color-status-orange: var(--status-orange);
  --color-status-blue: var(--status-blue);
  --color-status-red: var(--status-red);
  --font-sans: var(--font-sans);
  --font-mono: var(--font-mono);
  --radius-lg: var(--radius);
  --radius-md: calc(var(--radius) - 2px);
  --radius-sm: calc(var(--radius) - 4px);
  --radius-xl: calc(var(--radius) + 6px);
}