/* static/admin/theme.css */

/* ---------- DARK (implicit) cu accente lime ---------- */
:root {
  /* Culori de bază */
  --body-bg: #0b1320;          /* fundal principal */
  --body-fg: #e5e7eb;          /* text */
  --hairline-color: #1f2a37;   /* linii subțiri */
  --border-color: #263445;     /* borduri */

  /* Header / breadcrumbs */
  --header-bg: #0f172a;
  --header-color: #e5e7eb;
  --header-branding-color: #d9f99d;
  --breadcrumbs-bg: #0f172a;
  --breadcrumbs-fg: #e5e7eb;
  --breadcrumbs-link-fg: #a3e635;

  /* Brand / acțiuni */
  --primary: #84cc16;          /* lime */
  --accent: #a3e635;           /* lime deschis */
  --link-fg: #a3e635;
  --link-hover-color: #d9f99d;

  /* Elemente interactive */
  --button-bg: var(--primary);
  --button-fg: #0b1320;
  --default-button-bg: #1f2937;
  --selected-row: #172335;
  --darkened-bg: #0e1827;

  /* Mesaje */
  --message-success-bg: #064e3b;
  --message-warning-bg: #7c2d12;
  --message-error-bg: #7f1d1d;

  /* Inputs */
  --form-legend-fg: var(--body-fg);
  --input-bg: #0f172a;
  --input-fg: var(--body-fg);
  --input-border-color: var(--border-color);
  --input-focus-border: var(--accent);

  /* Variabile pentru componente custom */
  --admin-text: var(--body-fg);
  --admin-card-bg: #0f172a;
  --admin-border: var(--border-color);
  --admin-table-header-bg: #172335;
  --admin-primary: var(--primary);
  --admin-success: #22c55e;
  --admin-success-light: rgba(34, 197, 94, 0.15);
  --admin-success-dark: #16a34a;
  --admin-success-border: rgba(34, 197, 94, 0.3);
  --admin-warning: #f59e0b;
  --admin-warning-light: rgba(245, 158, 11, 0.15);
  --admin-warning-dark: #d97706;
  --admin-danger: #ef4444;
  --admin-danger-light: rgba(239, 68, 68, 0.15);
  --admin-danger-dark: #dc2626;
  --admin-danger-border: rgba(239, 68, 68, 0.3);
  --admin-info-light: rgba(59, 130, 246, 0.15);
  --admin-info-dark: #2563eb;
  --admin-highlight: rgba(163, 230, 53, 0.2);
  --admin-text-muted: #9ca3af;
}

/* ---------- LIGHT (gri metalizat + accente orange-magenta) ---------- */
html[data-admin-theme="light"] {
  --body-bg: #e3e6ea;          /* silver-ish */
  --body-fg: #1f2937;
  --hairline-color: #c3c7cd;
  --border-color: #c3c7cd;

  --header-bg: #f1f3f6;
  --header-color: #0b1320;
  --header-branding-color: #0b1320;
  --breadcrumbs-bg: #e9f2f9;

  --breadcrumbs-link-fg: #10508f;
  --breadcrumbs-fg: #1b108f;
  --body-quiet-color: #607da6;

  /* Accente: orange + magenta */
  --primary: #54195d;          /* orange */
  --accent: #882d96;           /* magenta */
  --link-fg: #bf3ed3;
  --link-hover-color: #a21caf;
  --primary-fg: #73437a;

  --button-bg: var(--primary);
  --button-fg: #ffffff;
  --default-button-bg: #ffffff;
  --selected-row: #f6f7fa;
  --darkened-bg: #d7dadf;

  --input-bg: #ffffff;
  --input-fg: var(--body-fg);
  --input-border-color: var(--border-color);
  --input-focus-border: var(--accent);

  /* Variabile pentru componente custom - light mode */
  --admin-text: var(--body-fg);
  --admin-card-bg: #ffffff;
  --admin-border: #dee2e6;
  --admin-table-header-bg: #f8f9fa;
  --admin-primary: var(--primary);
  --admin-success: #16a34a;
  --admin-success-light: #d1fae5;
  --admin-success-dark: #15803d;
  --admin-success-border: #86efac;
  --admin-warning: #d97706;
  --admin-warning-light: #fed7aa;
  --admin-warning-dark: #b45309;
  --admin-danger: #dc2626;
  --admin-danger-light: #fee2e2;
  --admin-danger-dark: #b91c1c;
  --admin-danger-border: #fecaca;
  --admin-info-light: #dbeafe;
  --admin-info-dark: #1e40af;
  --admin-highlight: #fef3c7;
  --admin-text-muted: #6b7280;
}

/* Mic polish general */
a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline: 2px solid var(--input-focus-border);
  outline-offset: 1px;
}
.button, .submit-row input[type=submit], .button.default {
  border-radius: .6rem;
  background: var(--button-bg) !important;
  color: var(--button-fg) !important;
  border: 1px solid var(--button-bg) !important;
  padding: 10px 15px;
  font-weight: 500;
  cursor: pointer;
  transition: all 0.2s ease;
}
.button:hover, .submit-row input[type=submit]:hover, .button.default:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}
.default-button, .button.default, input[type="submit"].default {
  background: var(--default-button-bg) !important;
  color: var(--body-fg) !important;
  border: 1px solid var(--border-color) !important;
}