/* PrimeNG 18 - Green Theme - CSS Variables Only */

.Green_Theme {
  /* ===== PRIMARY COLOR PALETTE ===== */
  --primary-50: #f0f9f0;
  --primary-100: #d4edda;
  --primary-200: #a8dfb4;
  --primary-300: #7cd08b;
  --primary-400: #4CAF50;
  --primary-500: #6B8043;
  --primary-600: #4a5d2f;
  --primary-700: #394a25;
  --primary-800: #28351a;
  --primary-900: #1a2411;
  --primary-color: var(--primary-500);
  --primary-contrast-color: #ffffff;

  /* ===== SURFACE COLORS ===== */
  --surface-50: #fafafa;
  --surface-100: #f5f5f5;
  --surface-200: #eeeeee;
  --surface-300: #e0e0e0;
  --surface-400: #bdbdbd;
  --surface-500: #9e9e9e;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --surface-ground: #fafafa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: rgba(0, 0, 0, 0.04);
  --surface-border: #e0e0e0;
  --surface-hover: #f5f5f5;

  /* ===== TEXT COLORS ===== */
  --text-color: #212121;
  --text-muted-color: #757575;
  --text-hover-color: #424242;

  /* ===== CUSTOM THEME TOKENS ===== */
  --green-primary: var(--primary-500);
  --green-secondary: var(--primary-300);
  --green-accent: var(--primary-400);
  --green-light: var(--primary-100);
  --green-dark: var(--primary-900);

  /* ===== COMPONENT TOKENS ===== */
  --main-header-bg: var(--green-primary);
  --menubar-bg: var(--green-primary);
  --btn-primary-bg: var(--green-primary);
  --btn-primary-hover: var(--primary-600);                        /* FIX: was var(--green-light) - too light for hover */
  --btn-primary-report-bg: var(--green-accent);
  --btn-primary-report-hover: #449e48;
  --link-color: var(--green-primary);

  --sidebar-bg: #f1f1f1;
  --sidebar-header-bg: #f2f2f2;
  --sidebar-background: #ffffff;
  --sidebar-border-color: #e0e0e0;
  --sidebar-header-background: #f5f5f5;

  --dialog-background: #ffffff;
  --dialog-border-color: #e0e0e0;
  --dialog-header-bg: #f2f2f2;
  --dialog-header-background: #f5f5f5;
  --dialog-header-color: #495057;

  --datatable-header-bg: var(--green-primary);
  --datatable-header-background: var(--green-primary);
  --datatable-header-color: #ffffff;
  --datatable-row-background: #ffffff;
  --datatable-row-hover-background: #f5f5f5;
  --datatable-border-color: #e0e0e0;

  /* ===== CHECKBOX ===== */
  --p-checkbox-border-radius: var(--p-border-radius-sm);
  --p-checkbox-width: 1.25rem;
  --p-checkbox-height: 1.25rem;
  --p-checkbox-background: #ffffff;
  --p-checkbox-checked-background: var(--green-primary);
  --p-checkbox-checked-hover-background: var(--green-accent);     /* FIX: was var(--green-light) - too light for hover */

  --custom-card-border: #95c868;
  --custom-card-hover-border: var(--green-accent);                /* FIX: was hardcoded #7cf010 */
  --card-header-bg: var(--green-primary);                        /* FIX: was var(--green-dark) - aligned to Blue pattern */
  --dropdown-menu-bg: var(--green-light);                        /* FIX: was hardcoded #afe871 */
  --navbar-bottom-bg: var(--green-light);                        /* FIX: was var(--green-secondary) - aligned to Blue pattern */
  --nav-bottom-bg: var(--green-light);                           /* FIX: was var(--green-secondary) - aligned to Blue pattern */
  --highlight-bg: linear-gradient(var(--primary-300), var(--primary-400), var(--primary-600)); /* FIX: was hardcoded hex values */
  --form-control-focus-shadow: rgba(107, 128, 67, 0.25);
  --form-control-focus-border: var(--green-primary);

  /* ===== OVERRIDE BUTTON TOKENS ===== */
  --override-btn-add-from: var(--primary-600);
  --override-btn-add-to: var(--primary-500);
  --override-btn-add-hover-from: var(--primary-700);
  --override-btn-add-hover-to: var(--primary-600);
  --override-btn-add-shadow: rgba(107, 128, 67, 0.4);
  --override-btn-add-shadow-active: rgba(107, 128, 67, 0.3);
  --override-btn-view-from: var(--primary-400);
  --override-btn-view-to: var(--primary-300);
  --override-btn-view-hover-from: var(--primary-500);
  --override-btn-view-hover-to: var(--primary-400);
  --override-btn-view-shadow: rgba(76, 175, 80, 0.4);
  --override-btn-view-shadow-active: rgba(76, 175, 80, 0.3);

  /* ===== PRIMENG MENUBAR ===== */
  --p-menubar-item-color: #ffffff;
  --p-menubar-item-focus-background: transparent;
  --p-menubar-item-hover-background: transparent;
  --p-menubar-item-active-background: transparent;
  --p-menubar-menu-item-color: #ffffff;
  --p-menubar-submenu-color: #212121;
  --p-menubar-submenu-item-color: #212121;
  --menubar-text-color: #ffffff;
  --submenu-text-color: #212121;
  --submenu-bg: #ffffff;
  --p-togglebutton-sm-padding: 0.15rem 0.55rem;
  --p-icon-size: 0.9rem;
  --p-select-padding-x: 0.75rem;
  --p-select-padding-y: 0.22rem;

  /* ===== E-SIGNATURE TOKENS ===== */
  --e-sig-primary: var(--green-primary);                         /* ADD: missing from Green, present in Blue */
  --e-sig-primary-hover: var(--green-secondary);                 /* ADD: missing from Green, present in Blue */
  --e-sig-selected-bg: var(--primary-100);                       /* ADD: missing from Green, present in Blue */
  --e-sig-hover-bg: var(--primary-50);                           /* ADD: missing from Green, present in Blue */
  --e-sig-info-bg: rgba(107, 128, 67, 0.1);                      /* ADD: missing from Green, present in Blue */
  --e-sig-info-color: var(--green-primary);                      /* ADD: missing from Green, present in Blue */
  --esig-border-color: var(--surface-border);
  --esig-border-selected: var(--green-primary);
  --esig-bg-selected: var(--primary-50);
  --esig-tab-active-color: var(--green-primary);
  --esig-canvas-border: var(--surface-300);
  --esig-section-bg: var(--surface-100);
  --esig-existing-bg: var(--primary-50);
  --esig-existing-color: var(--primary-700);
  --esig-remove-btn-bg: #f44336;
  --esig-remove-btn-hover: #d32f2f;

  /* ===== NUTRITION THEME ===== */
  --nutrition-header-bg: linear-gradient(135deg, var(--green-primary), var(--green-secondary));
  --nutrition-header-text: #fff;
  --nutrition-card-bg: #fff;
  --nutrition-hover-bg: var(--primary-50);
  --nutrition-open-bg: var(--primary-100);
  --nutrition-open-border: var(--green-accent);
  --nutrition-arrow-color: var(--green-primary);
  --nutrition-badge-bg: var(--green-primary);
  --nutrition-badge-text: #fff;
  --nutrition-value-color: #047857;
  --nutrition-dv-color: var(--green-primary);
  --nutrition-blend-text: var(--green-primary);
}