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

/* ─────────────────────────────────────────────────────────────────────────
 * Global Job Grid — Theme "Sunset" (v6.14.0)
 * A warm dusk theme: deep plum surfaces with rose → amber accents, like
 * the sky right after the sun goes down. Activated when the admin selects
 * "Sunset" in the 🎨 Theme tab. Variable-only restyle — buttons, social
 * chips, cards, the top bar and the page glow all follow with zero layout
 * drift.
 * ───────────────────────────────────────────────────────────────────────── */

html[data-theme="sunset"] {
  color-scheme: dark;
  --bg: #150a10;
  --bg-2: #1d0e17;
  --surface: #26141f;
  --surface-2: #301a27;
  --surface-3: #3c2130;
  --border: rgba(251, 113, 133, 0.15);
  --border-strong: rgba(251, 146, 160, 0.32);
  --text: #fdeef2;
  --muted: #d3a8b8;
  --faint: #96707e;
  --accent: #fb7185;
  --accent-2: #fbbf24;
  --grad: linear-gradient(135deg, #fb7185, #fbbf24);
  --hot: #ff9e5e;
  --ok: #6ee7a0;
  --danger: #ff4d6d;
  --topbar-bg: rgba(21, 10, 16, 0.86);
  --glow-1: rgba(251, 113, 133, 0.11);
  --glow-2: rgba(251, 191, 36, 0.07);
  --selection: rgba(251, 113, 133, 0.4);
  --focus-ring: rgba(251, 113, 133, 0.17);
  --btn-prim-fg: #2b0f14;
  --accent-glow: rgba(251, 113, 133, 0.35);
  --accent-glow-strong: rgba(251, 113, 133, 0.5);
  /* social media marks — restyled to the theme family */
  --soc-li: #e11d6b;
  --soc-x: #1f1218;
  --soc-x-border: #4a2c38;
  --soc-gh: #3b2130;
  --soc-fg: #fff5f0;
  --share-x: #1f1218;
  --share-x-border: #4a2c38;
  --share-wa: #f59e0b;
  --share-li: #ec4899;
  --ad-tint: rgba(38, 20, 31, 0.55);
  --row-hover: rgba(60, 33, 48, 0.5);
  --panel-dark: #0e060a;
  --panel-dark-2: #120811;
  --console-fg: #ebadc0;
  --console-fg-2: #f9d2c9;
  --lg-sep: rgba(251, 113, 133, 0.1);
  --shadow: 0 10px 30px rgba(15, 4, 9, 0.5);
}