/* Variaveis de tema copiadas 1:1 do projeto Lovable:
   src/index.css (:root e .dark do shadcn) e src/portaldocliente/styles/theme.css (.area-cliente).
   Todas as cores sao HSL. */

/* Tema principal - Cor verde */
:root {
  --tema_cor_principal_1: #2e8b57;
  --tema_cor_botao: #2e8b57;
}

:root {
  --background: 0 0% 98%;
  --foreground: 222 47% 11%;

  --card: 0 0% 100%;
  --card-foreground: 222 47% 11%;

  --popover: 0 0% 100%;
  --popover-foreground: 222 47% 11%;

  --primary: 146 50% 36%;
  --primary-foreground: 0 0% 100%;

  --secondary: 210 40% 96%;
  --secondary-foreground: 222 47% 11%;

  --muted: 210 40% 96%;
  --muted-foreground: 215 16% 47%;

  --accent: 146 50% 36%;
  --accent-foreground: 0 0% 100%;

  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 100%;

  --border: 214 32% 91%;
  --input: 214 32% 91%;
  --ring: 146 50% 36%;

  --radius: 0.375rem;

  --sidebar-background: 222 47% 11%;
  --sidebar-foreground: 0 0% 98%;
  --sidebar-primary: 146 50% 36%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 217 33% 17%;
  --sidebar-accent-foreground: 0 0% 98%;
  --sidebar-border: 217 33% 17%;
  --sidebar-ring: 146 50% 36%;

  /* Custom gradient */
  --gradient-primary: linear-gradient(135deg, hsl(146 50% 36%), hsl(146 50% 28%));
  --gradient-subtle: linear-gradient(180deg, hsl(0 0% 100%), hsl(210 40% 98%));

  /* Shadows */
  --shadow-glow: 0 0 40px hsla(146, 50%, 36%, 0.15);
  --shadow-card: 0 4px 20px hsla(0, 0%, 0%, 0.08);
}

.dark {
  --background: 0 0% 4%;
  --foreground: 0 0% 98%;

  --card: 0 0% 6%;
  --card-foreground: 0 0% 98%;

  --popover: 0 0% 6%;
  --popover-foreground: 0 0% 98%;

  --primary: 146 50% 36%;
  --primary-foreground: 0 0% 100%;

  --secondary: 0 0% 10%;
  --secondary-foreground: 0 0% 98%;

  --muted: 0 0% 12%;
  --muted-foreground: 0 0% 60%;

  --accent: 146 50% 36%;
  --accent-foreground: 0 0% 100%;

  --destructive: 0 72% 51%;
  --destructive-foreground: 0 0% 98%;

  --border: 0 0% 15%;
  --input: 0 0% 15%;
  --ring: 146 50% 36%;

  --sidebar-background: 0 0% 4%;
  --sidebar-foreground: 0 0% 98%;
  --sidebar-primary: 146 50% 36%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 0 0% 10%;
  --sidebar-accent-foreground: 0 0% 98%;
  --sidebar-border: 0 0% 12%;
  --sidebar-ring: 146 50% 36%;

  /* Custom gradient */
  --gradient-primary: linear-gradient(135deg, hsl(146 50% 36%), hsl(146 50% 28%));
  --gradient-subtle: linear-gradient(180deg, hsl(0 0% 6%), hsl(0 0% 4%));

  /* Shadows */
  --shadow-glow: 0 0 40px hsla(146, 50%, 36%, 0.15);
  --shadow-card: 0 4px 20px hsla(0, 0%, 0%, 0.4);
}

/* Área do Cliente Theme Variables */
.area-cliente {
  --ac-primary: 24 95% 53%;
  --ac-primary-foreground: 0 0% 100%;
  --ac-secondary: 221 83% 53%;
  --ac-secondary-foreground: 0 0% 100%;
  --ac-accent: 142 76% 36%;
  --ac-accent-foreground: 0 0% 100%;
  --ac-sidebar: 222 47% 11%;
  --ac-sidebar-foreground: 0 0% 100%;
  --ac-background: 0 0% 98%;
  --ac-foreground: 222 47% 11%;
  --ac-card: 0 0% 100%;
  --ac-card-foreground: 222 47% 11%;
  --ac-muted: 210 40% 96%;
  --ac-muted-foreground: 215 16% 47%;
  --ac-border: 214 32% 91%;
  --ac-destructive: 0 84% 60%;
  --ac-warning: 38 92% 50%;
}