:root {
  /* Brand Colors */
  --brand-000: #e6eaf0;
  --brand-100: #cdd5e1;
  --brand-200: #a3b2c6;
  --brand-300: #7a8fa9;
  --brand-400: #526b8c;
  --brand-500: #29466e;
  --brand-600: #1a3a52;
  --brand-700: #142d3f;
  --brand-800: #0e1f2b;
  --brand-900: #09131a;
  --brand-1000: #04080d;

  /* Green Colors (Original palette preserved) */
  --green-000: #f0fff4;
  --green-100: #dcffe4;
  --green-200: #b9ffc8;
  --green-300: #96ffac;
  --green-400: #73ff90;
  --green-500: #50ff74;
  --green-600: #2dff58;
  --green-700: #0aff3c;
  --green-800: #00e632;
  --green-900: #00b328;
  --green-1000: #00801e;

  /* Yellow Colors */
  --yellow-000: #fffdf0;
  --yellow-100: #fff9dc;
  --yellow-200: #fff3b9;
  --yellow-300: #ffed96;
  --yellow-400: #ffe773;
  --yellow-500: #ffe150;
  --yellow-600: #ffdb2d;
  --yellow-700: #ffd50a;
  --yellow-800: #e6c000;
  --yellow-900: #b39a00;
  --yellow-1000: #807300;

  /* Red Colors */
  --red-000: #fff0f0;
  --red-100: #ffdcdc;
  --red-200: #ffb9b9;
  --red-300: #ff9696;
  --red-400: #ff7373;
  --red-500: #ff5050;
  --red-600: #ff2d2d;
  --red-700: #ff0a0a;
  --red-800: #e60000;
  --red-900: #b30000;
  --red-1000: #800000;

  /* Orange Colors */
  --orange-000: #fff7ed;
  --orange-100: #fff1da;
  --orange-200: #ffe3b5;
  --orange-300: #ffd590;
  --orange-400: #ffc76b;
  --orange-500: #ffb946;
  --orange-600: #ffab21;
  --orange-700: #ff9d00;
  --orange-800: #e68c00;
  --orange-900: #b36d00;
  --orange-1000: #804e00;

  /* Light Blue Colors */
  --light-blue-000: #f8fbff;
  --light-blue-100: #f0f6ff;
  --light-blue-200: #e8f1ff;
  --light-blue-300: #e0ecff;
  --light-blue-400: #d8e7ff;
  --light-blue-500: #c9defc;
  --light-blue-600: #b0cff9;
  --light-blue-700: #97c0f6;
  --light-blue-800: #7eb1f3;
  --light-blue-900: #65a2f0;
  --light-blue-1000: #4c93ed;

  /* Pink Colors */
  --pink-000: #fdf2ff;
  --pink-100: #fae5ff;
  --pink-200: #f5d3ff;
  --pink-300: #f0b1ff;
  --pink-400: #e38be9;
  --pink-500: #d166e0;
  --pink-600: #be41d7;
  --pink-700: #ab1cce;
  --pink-800: #8e17a9;
  --pink-900: #711284;
  --pink-1000: #540d5f;

  /* Deep Blue Colors */
  --deep-blue-000: #e6e8ff;
  --deep-blue-100: #ccd1ff;
  --deep-blue-200: #b3baff;
  --deep-blue-300: #99a3ff;
  --deep-blue-400: #808cff;
  --deep-blue-500: #0029e3;
  --deep-blue-600: #0024c9;
  --deep-blue-700: #001fb0;
  --deep-blue-800: #001a96;
  --deep-blue-900: #00157d;
  --deep-blue-1000: #001064;

  /* Neutral Colors */
  --neutral-000: #ffffff;
  --neutral-100: #f4f4f4;
  --neutral-200: #e4e4e7;
  --neutral-300: #d4d4d8;
  --neutral-400: #a1a1aa;
  --neutral-500: #71717a;
  --neutral-600: #52525b;
  --neutral-700: #3f3f46;
  --neutral-800: #000000;
  --neutral-white: #ffffff;

  /* Background Colors (Now uses Green Brand) */
  --bg-000: var(--light-blue-000);
  --bg-100: var(--light-blue-100);
  --bg-200: var(--light-blue-200);
  --bg-300: var(--brand-600);
  --bg-400: var(--brand-200);
  --bg-500: var(--light-blue-500);
  --bg-600: var(--light-blue-000);
  --bg-700: var(--brand-100);
  --bg-800: var(--brand-800);
  --bg-900: var(--brand-500);
  --bg-1000: var(--brand-700);
  --bg-1100: var(--light-blue-200);
  --bg-success: var(--green-000);
  --bg-warning: var(--yellow-600);
  --bg-error: var(--red-600);

  /* Text Colors */
  --text-000: var(--neutral-800);
  --text-100: var(--neutral-700);
  --text-200: var(--neutral-600);
  --text-300: var(--neutral-500);
  --text-400: var(--neutral-400);
  --text-500: var(--neutral-300);
  --text-600: var(--neutral-200);
  --text-700: var(--neutral-white);
  --text-success: var(--green-1000);
  --text-warning: var(--yellow-700);
  --text-error: var(--red-700);

  /* Button Colors (Now uses Green Brand) */
  --button-000: var(--brand-600);
  --button-100: var(--light-blue-100);
  --button-200: var(--light-blue-200);
  --button-300: var(--brand-700);
  --button-400: var(--brand-800);
  --button-500: var(--light-blue-500);
  --button-600: var(--pink-600);
  --button-700: var(--pink-700);
  --button-800: var(--brand-500);
  --button-900: var(--pink-800);
  --button-1000: var(--light-blue-000);
  --button-success: var(--green-600);
  --button-warning: var(--yellow-600);
  --button-error: var(--red-600);

  /* Border Colors (Now uses Green Brand) */
  --border-000: var(--light-blue-200);
  --border-100: var(--light-blue-500);
  --border-200: var(--brand-500);
  --border-300: var(--light-blue-100);
  --border-400: var(--light-blue-200);
  --border-500: var(--brand-200);
  --border-success: var(--green-500);
  --border-warning: var(--yellow-500);
  --border-error: var(--red-500);

  /* Argon Colors (Now uses Green Brand where 'light-purple' was) */
  --argon-purple: var(--pink-500);
  --argon-dark-purple: var(--pink-1000);
  --argon-light-purple: var(
    --brand-500
  ); /* Was light-purple, now inherits brand */
  --argon-vivid-purple: var(--pink-500);
  --argon-medium-gray: var(--light-blue-100);

  /* Base Theme Variables */
  --background: 0 0% 100%;
  --foreground: 240 10% 3.9%;
  --card: 0 0% 100%;
  --card-foreground: 240 10% 3.9%;
  --popover: 0 0% 100%;
  --popover-foreground: 240 10% 3.9%;
  --primary: 262.1 83.3% 57.8%; /* Note: This HSL value is separate from the 'brand' variables */
  --primary-foreground: 210 20% 98%;
  --secondary: 220 14.3% 95.9%;
  --secondary-foreground: 220 8.9% 46.1%;
  --muted: 220 14.3% 95.9%;
  --muted-foreground: 220 8.9% 46.1%;
  --accent: 220 14.3% 95.9%;
  --accent-foreground: 220.9 39.3% 11%;
  --destructive: 0 84.2% 60.2%;
  --destructive-foreground: 210 20% 98%;
  --border: 220 13% 91%;
  --input: 220 13% 91%;
  --ring: 262.1 83.3% 57.8%;
  --radius: 0.5rem;

  /* Sidebar Theme */
  --sidebar-background: 262.1 83.3% 57.8%;
  --sidebar-foreground: 210 20% 98%;
  --sidebar-primary: 210 20% 98%;
  --sidebar-primary-foreground: 262.1 83.3% 57.8%;
  --sidebar-accent: 220 14.3% 95.9%;
  --sidebar-accent-foreground: 220.9 39.3% 11%;
  --sidebar-border: 220 13% 91%;
  --sidebar-ring: 262.1 83.3% 57.8%;

  /* Background Colors (Now uses Green Brand) */
  --bg-primary: var(--brand-600);
  --bg-secondary: var(--light-blue-100);
  --bg-accent: var(--pink-500);

  /* Text Colors */
  --text-primary: var(--neutral-700);
  --text-secondary: var(--neutral-600);
  --text-accent: var(--neutral-400);

  /* Border Colors (Now uses Green Brand) */
  --border-primary: var(--light-blue-200);
  --border-secondary: var(--light-blue-300);
  --border-accent: var(--brand-500);

  /* Icon Colors (Now uses Green Brand) */
  --icon-primary: var(--brand-600);
  --icon-secondary: var(--light-blue-100);
  --icon-accent: var(--pink-500);
  --icon-success: var(--green-600);
  --icon-warning: var(--yellow-600);
  --icon-error: var(--red-600);

  /* Big Area Colors */
  --big-area-clinica-medica: var(--deep-blue-600);
  --big-area-clinica-medica-light: var(--deep-blue-100);
  --big-area-clinica-medica-bg: var(--deep-blue-100);
  --big-area-clinica-medica-btn-bg: var(--deep-blue-000);

  --big-area-cirurgia: var(--red-600);
  --big-area-cirurgia-light: var(--red-100);
  --big-area-cirurgia-bg: var(--red-100);
  --big-area-cirurgia-btn-bg: var(--red-000);

  --big-area-pediatria: var(--green-900);
  --big-area-pediatria-light: var(--green-300);
  --big-area-pediatria-bg: var(--green-100);
  --big-area-pediatria-btn-bg: var(--green-100);

  --big-area-ginecologia: var(--argon-purple);
  --big-area-ginecologia-light: var(--pink-200);
  --big-area-ginecologia-bg: var(--pink-000);
  --big-area-ginecologia-btn-bg: var(--pink-000);

  --big-area-medicina-preventiva: var(--orange-600);
  --big-area-medicina-preventiva-light: var(--orange-100);
  --big-area-medicina-preventiva-bg: var(--orange-100);
  --big-area-medicina-preventiva-btn-bg: var(--orange-100);
}

.dark {
  --background: 240 10% 3.9%;
  --foreground: 0 0% 98%;
  --card: 240 10% 3.9%;
  --card-foreground: 0 0% 98%;
  --popover: 240 10% 3.9%;
  --popover-foreground: 0 0% 98%;
  --primary: 262.1 83.3% 57.8%;
  --primary-foreground: 210 20% 98%;
  --secondary: 240 3.7% 15.9%;
  --secondary-foreground: 0 0% 98%;
  --muted: 240 3.7% 15.9%;
  --muted-foreground: 240 5% 64.9%;
  --accent: 240 3.7% 15.9%;
  --accent-foreground: 0 0% 98%;
  --destructive: 0 62.8% 30.6%;
  --destructive-foreground: 0 0% 98%;
  --border: 240 3.7% 15.9%;
  --input: 240 3.7% 15.9%;
  --ring: 240 4.9% 83.9%;

  /* Sidebar Theme */
  --sidebar-background: 240 10% 3.9%;
  --sidebar-foreground: 0 0% 98%;
  --sidebar-primary: 0 0% 98%;
  --sidebar-primary-foreground: 240 10% 3.9%;
  --sidebar-accent: 240 3.7% 15.9%;
  --sidebar-accent-foreground: 0 0% 98%;
  --sidebar-border: 240 3.7% 15.9%;
  --sidebar-ring: 240 4.9% 83.9%;

  /* Background Colors (Now uses Green Brand) */
  --bg-primary: var(--pink-1000);
  --bg-secondary: var(--pink-900);
  --bg-accent: var(--brand-500); /* Now Green */
  --bg-success: var(--green-800);
  --bg-warning: var(--yellow-800);
  --bg-error: var(--red-800);

  /* Text Colors (Now uses Green Brand) */
  --text-primary: var(--light-blue-000);
  --text-secondary: var(--light-blue-300);
  --text-accent: var(--brand-400); /* Now Green */
  --text-success: var(--green-400);
  --text-warning: var(--yellow-400);
  --text-error: var(--red-400);

  /* Border Colors (Now uses Green Brand) */
  --border-primary: var(--pink-700);
  --border-secondary: var(--pink-600);
  --border-accent: var(--brand-500); /* Now Green */
  --border-success: var(--green-700);
  --border-warning: var(--yellow-700);
  --border-error: var(--red-700);

  /* Icon Colors (Now uses Green Brand) */
  --icon-primary: var(--brand-600); /* Now Green */
  --icon-secondary: var(--light-blue-100);
  --icon-accent: var(--pink-500);
  --icon-success: var(--green-500);
  --icon-warning: var(--yellow-500);
  --icon-error: var(--red-500);

  /* Big Area Colors - Dark Mode */
  --big-area-clinica-medica: var(--deep-blue-400);
  --big-area-clinica-medica-light: var(--deep-blue-800);
  --big-area-clinica-medica-bg: var(--deep-blue-900);
  --big-area-clinica-medica-btn-bg: var(--deep-blue-000);

  --big-area-cirurgia: var(--green-400);
  --big-area-cirurgia-light: var(--green-800);
  --big-area-cirurgia-bg: var(--green-900);
  --big-area-cirurgia-btn-bg: var(--green-000);

  --big-area-pediatria: var(--pink-400);
  --big-area-pediatria-light: var(--pink-800);
  --big-area-pediatria-bg: var(--pink-900);
  --big-area-pediatria-btn-bg: var(--pink-000);

  --big-area-ginecologia: var(--pink-500);
  --big-area-ginecologia-light: var(--pink-800);
  --big-area-ginecologia-bg: var(--pink-900);
  --big-area-ginecologia-btn-bg: var(--pink-000);

  --big-area-medicina-preventiva: var(--orange-600);
  --big-area-medicina-preventiva-light: var(--orange-100);
  --big-area-medicina-preventiva-bg: var(--orange-100);
  --big-area-medicina-preventiva-btn-bg: var(--orange-000);
}