/* Design tokens synced from frontend (globals.css) */
:root {
  /* Neobrutalist theme - high contrast, flat colors, bold borders */
  --radius: 0.375rem; /* unified radius token used for sm/md/lg/xl */
  --background: #ffffff;
  --foreground: #111111;
  --card: #ffffff;
  --card-foreground: #111111;
  --popover: #ffffff;
  --popover-foreground: #111111;
  --primary: #111111; /* black buttons/links */
  --primary-foreground: #ffffff;
  --secondary: #ffd400; /* bold accent yellow */
  --secondary-foreground: #111111;
  --muted: #f4f4f4; /* light gray blocks */
  --muted-foreground: #444444;
  --accent: #ffe580; /* soft accent for subtle hovers */
  --accent-foreground: #111111;
  --destructive: #ff3b3b; /* strong error red */
  --success: #25D366; /* WhatsApp green */
  --success-foreground: #111111;
  --border: #111111; /* solid black borders */
  --input: #111111; /* input border color */
  --ring: #111111; /* focus rings are black */
  /* Keep charts simple but vibrant */
  --chart-1: #ff3b3b;
  --chart-2: #1e90ff;
  --chart-3: #ffd400;
  --chart-4: #00c853;
  --chart-5: #8e24aa;
  /* Sidebar tokens derived from main */
  --sidebar: #ffffff;
  --sidebar-foreground: #111111;
  --sidebar-primary: #111111;
  --sidebar-primary-foreground: #ffffff;
  --sidebar-accent: #ffe580;
  --sidebar-accent-foreground: #111111;
  --sidebar-border: #111111;
  --sidebar-ring: #111111;

  /* Typography scale tokens */
  --fs-body: 1rem;
  --lh-body: 1.6;
  --fs-h1: 2.5rem;
  --fs-h2: 2rem;
  --fs-h3: 1.75rem;
  --fs-h4: 1.5rem;
  --fs-h5: 1.25rem;
  --fs-h6: 1.125rem;
  --lh-heading: 1.1;
  --ls-heading: -0.01em;
}

.dark {
  --background: #0f0f0f;
  --foreground: #ffffff;
  --card: #161616;
  --card-foreground: #ffffff;
  --popover: #161616;
  --popover-foreground: #ffffff;
  --primary: #ffd400; /* bold accent on dark */
  --primary-foreground: #111111;
  --secondary: #ffffff;
  --secondary-foreground: #111111;
  --muted: #1c1c1c;
  --muted-foreground: #d0d0d0;
  --accent: #333333;
  --accent-foreground: #ffffff;
  --destructive: #ff5a5a;
  --success: #25D366;
  --success-foreground: #111111;
  --border: #ffffff;
  --input: #ffffff;
  --ring: #ffffff;
  --chart-1: #ff5a5a;
  --chart-2: #4dabff;
  --chart-3: #ffd400;
  --chart-4: #29e17a;
  --chart-5: #b388ff;
  --sidebar: #161616;
  --sidebar-foreground: #ffffff;
  --sidebar-primary: #ffd400;
  --sidebar-primary-foreground: #111111;
  --sidebar-accent: #333333;
  --sidebar-accent-foreground: #ffffff;
  --sidebar-border: #ffffff;
  --sidebar-ring: #ffffff;
}