Priceflow/frontend/src/index.css

@tailwind base;
@tailwind components;
@tailwind utilities;
 
@layer base {
  :root {
    /* Clean minimalist monochrome theme */
    --background: 0 0% 100%;              /* Pure white */
    --foreground: 0 0% 10%;               /* Very dark gray for text */
 
    --card: 0 0% 99%;                     /* Off-white for cards */
    --card-foreground: 0 0% 10%;          /* Dark gray text on cards */
 
    --popover: 0 0% 100%;                 /* White for popovers */
    --popover-foreground: 0 0% 10%;       /* Dark gray text */
 
    --primary: 0 0% 15%;                  /* Dark gray for primary actions */
    --primary-foreground: 0 0% 100%;      /* White text on primary */
 
    --secondary: 0 0% 97%;                /* Light gray background */
    --secondary-foreground: 0 0% 15%;     /* Dark gray text */
 
    --muted: 0 0% 96%;                    /* Very light gray */
    --muted-foreground: 0 0% 45%;         /* Medium gray for muted text */
 
    --accent: 0 0% 95%;                   /* Accent gray */
    --accent-foreground: 0 0% 15%;        /* Dark text on accent */
 
    --destructive: 0 0% 30%;              /* Dark gray for destructive (instead of red) */
    --destructive-foreground: 0 0% 100%;  /* White text */
 
    --border: 0 0% 90%;                   /* Light gray borders */
    --input: 0 0% 90%;                    /* Light gray input borders */
    --ring: 0 0% 60%;                     /* Medium gray focus ring */
 
    --radius: 0.375rem;                   /* Slightly reduced radius for cleaner look */
  }
}
 
@layer base {
  * {
    @apply border-border;
  }
  body {
    @apply bg-background text-foreground antialiased;
    font-feature-settings: "rlig" 1, "calt" 1;
  }
  
  /* Ensure smooth scrolling */
  html {
    scroll-behavior: smooth;
  }
  
  /* Clean focus states */
  :focus-visible {
    outline: 2px solid hsl(var(--ring));
    outline-offset: 2px;
  }
}