@import './design-system-v0.css';
@import './colors.css';
@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --background: var(--white);
    --foreground: var(--gray-600);

    --card: var(--white);
    --card-foreground: var(--gray-600);

    --popover: var(--white);
    --popover-foreground: var(--gray-600);

    --primary: var(--blue-600);
    --primary-foreground: var(--white);

    --secondary: var(--white);
    --secondary-foreground: var(--blue-600);

    --muted: var(--blue-100);
    --muted-foreground: var(--blue-300);

    --accent: var(--blue-100);
    --accent-foreground: var(--blue-800);

    --destructive: var(--red-600);
    --destructive-foreground: var(--white);

    --border: var(--gray-200);
    --input: var(--blue-200);
    --ring: var(--blue-600);
    --value: var(--gray-900);
    --radius: 0.025rem;
  }
}

@layer utilities {
  .liga-off {
    font-feature-settings: 'liga' off;
  }
}