/* ============================================================
   Bella Nostra Web — Tema
   Cores padrão do projeto (espelho de lib/src/theme/app_colors.dart)
   ============================================================ */

:root {
  /* Cores Primárias */
  --primary: #66BB6A;
  --primary-light: #A5D6A7;
  --primary-dark: #388E3C;
  --primary-deep: #2E7D32; /* tom mais escuro da mesma família Material Green */
  --primary-variant: #81C784;

  /* Cores Secundárias */
  --secondary: #4FC3F7;
  --secondary-light: #81D4FA;
  --secondary-dark: #0288D1;

  /* Fundos */
  --background: #F5F5F5;
  --background-light: #FFFFFF;
  --background-dark: #E0E0E0;
  --terciary: #F5F5F5;

  /* Texto */
  --text-primary: #212121;
  --text-secondary: #757575;
  --text-tertiary: #9E9E9E;
  --text-white: #FFFFFF;

  /* Status */
  --success: #4CAF50;
  --success-light: #81C784;
  --success-dark: #388E3C;
  --error: #F44336;
  --error-light: #EF5350;
  --error-dark: #C62828;
  --warning: #FF9800;
  --warning-light: #FFB74D;
  --warning-dark: #F57C00;
  --info: #2196F3;
  --info-light: #64B5F6;
  --info-dark: #1976D2;

  /* UI */
  --divider: #E0E0E0;
  --border: #BDBDBD;
  --border-light: #E0E0E0;
  --shadow: rgba(0, 0, 0, 0.10);
  --overlay: rgba(0, 0, 0, 0.50);
  --overlay-light: rgba(0, 0, 0, 0.25);

  /* Sombras em camadas */
  --shadow-sm: 0 1px 2px rgba(33, 33, 33, .06), 0 1px 6px rgba(33, 33, 33, .05);
  --shadow-md: 0 2px 6px rgba(33, 33, 33, .06), 0 8px 22px rgba(33, 33, 33, .07);
  --shadow-lg: 0 12px 36px rgba(33, 33, 33, .18);

  /* Raios (espelho do app_theme.dart) */
  --radius-input: 12px;
  --radius-card: 16px;
  --radius-dialog: 20px;

  /* Layout */
  --sidebar-width: 236px;
  --sidebar-collapsed: 68px;
  --topbar-height: 56px;

  --font: 'Poppins', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

* { box-sizing: border-box; margin: 0; padding: 0; }

html, body {
  height: 100%;
  font-family: var(--font);
  font-size: 14px;
  color: var(--text-primary);
  background: var(--background);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

a { color: var(--primary-dark); text-decoration: none; }
button { font-family: var(--font); }
input, select, textarea { font-family: var(--font); font-size: 14px; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border); border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: var(--text-tertiary); }

.gradient-primary {
  background: linear-gradient(135deg, var(--primary-light), var(--primary));
}