/* 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;

  /* 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);
}

/* ---------- 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);


}

/* 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;
}