/* ©️ Asmahri Abderrahman 2026. All rights reserved. */

/* ─────────────────────────────────────────────────────────────────────────
 * Global Job Grid — Theme "Emerald" (v6.14.0)
 * A deep forest-green dark theme: emerald + teal accents, warm nature
 * tones. Activated when the admin selects "Emerald" in the 🎨 Theme tab
 * (the gateway stores the choice; every visitor's <html> element gets
 * data-theme="emerald"). This sheet ONLY redefines the CSS variables the
 * Classic :root already declares — no rules are added or removed, so the
 * entire UI (buttons, social chips, cards, top bar, page glow) restyles
 * with zero layout drift.
 * ───────────────────────────────────────────────────────────────────────── */

html[data-theme="emerald"] {
  color-scheme: dark;
  --bg: #04120c;
  --bg-2: #061a11;
  --surface: #0a2418;
  --surface-2: #0d2e1f;
  --surface-3: #12402b;
  --border: rgba(52, 199, 123, 0.16);
  --border-strong: rgba(74, 222, 128, 0.34);
  --text: #e8f7ee;
  --muted: #9cc8b2;
  --faint: #5d8a72;
  --accent: #10b981;
  --accent-2: #34d399;
  --grad: linear-gradient(135deg, #10b981, #2dd4bf);
  --hot: #ffb054;
  --ok: #4ade80;
  --danger: #ff6b81;
  --topbar-bg: rgba(4, 18, 12, 0.86);
  --glow-1: rgba(16, 185, 129, 0.12);
  --glow-2: rgba(45, 212, 191, 0.07);
  --selection: rgba(16, 185, 129, 0.42);
  --focus-ring: rgba(16, 185, 129, 0.18);
  --btn-prim-fg: #03150d;
  --accent-glow: rgba(16, 185, 129, 0.35);
  --accent-glow-strong: rgba(16, 185, 129, 0.5);
  /* social media marks — restyled to the theme family */
  --soc-li: #0f766e;
  --soc-x: #052e1f;
  --soc-x-border: #146c4e;
  --soc-gh: #0f3d2a;
  --soc-fg: #eafff5;
  --share-x: #052e1f;
  --share-x-border: #146c4e;
  --share-wa: #22c55e;
  --share-li: #14b8a6;
  --ad-tint: rgba(10, 36, 24, 0.55);
  --row-hover: rgba(18, 64, 43, 0.5);
  --panel-dark: #020c07;
  --panel-dark-2: #031009;
  --console-fg: #8fd8b4;
  --console-fg-2: #b6f2d2;
  --lg-sep: rgba(52, 199, 123, 0.1);
  --shadow: 0 10px 30px rgba(1, 8, 5, 0.5);
}