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

/* ─────────────────────────────────────────────────────────────────────────
 * Global Job Grid — Theme "Daylight" (v6.14.0)
 * The light counterpart of the Classic night grid: clean paper-white
 * surfaces, ink text, and the same brand-blue accents tuned for contrast
 * on light backgrounds. color-scheme: light flips native controls and
 * scrollbars too. Activated when the admin selects "Daylight" 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="daylight"] {
  color-scheme: light;
  --bg: #eef3fa;
  --bg-2: #e4ebf5;
  --surface: #ffffff;
  --surface-2: #f4f8fd;
  --surface-3: #e8effa;
  --border: rgba(47, 90, 160, 0.16);
  --border-strong: rgba(47, 123, 246, 0.38);
  --text: #17233a;
  --muted: #4a5b76;
  --faint: #8496ad;
  --accent: #2f7bf6;
  --accent-2: #0e9bd8;
  --grad: linear-gradient(135deg, #2f7bf6, #38bdf8);
  --hot: #ea7317;
  --ok: #16a34a;
  --danger: #e11d48;
  --topbar-bg: rgba(255, 255, 255, 0.88);
  --glow-1: rgba(47, 123, 246, 0.07);
  --glow-2: rgba(56, 189, 248, 0.06);
  --selection: rgba(47, 123, 246, 0.25);
  --focus-ring: rgba(47, 123, 246, 0.15);
  --btn-prim-fg: #ffffff;
  --accent-glow: rgba(47, 123, 246, 0.28);
  --accent-glow-strong: rgba(47, 123, 246, 0.4);
  /* social media marks — brand colors pop on the white chips */
  --soc-li: #0A66C2;
  --soc-x: #1f2937;
  --soc-x-border: #cbd5e1;
  --soc-gh: #334155;
  --soc-fg: #ffffff;
  --share-x: #1f2937;
  --share-x-border: #cbd5e1;
  --share-wa: #25D366;
  --share-li: #0A66C2;
  --ad-tint: rgba(233, 240, 252, 0.6);
  --row-hover: rgba(232, 239, 250, 0.9);
  --panel-dark: #f2f6fc;
  --panel-dark-2: #eaf1fb;
  --console-fg: #31517a;
  --console-fg-2: #0f3b5c;
  --lg-sep: rgba(47, 90, 160, 0.12);
  --shadow: 0 10px 30px rgba(23, 43, 77, 0.12);
}

/* Daylight surface fixes for the handful of elements whose Classic styling
   assumed a dark canvas (hardcoded console/overlay tints from the v5 era
   that predate the theme variables): */
html[data-theme="daylight"] .sem-toggle.on {
  background: linear-gradient(90deg, rgba(47, 123, 246, 0.12), rgba(56, 189, 248, 0.12));
}
html[data-theme="daylight"] .chip.sem {
  background: linear-gradient(90deg, rgba(47, 123, 246, 0.1), rgba(56, 189, 248, 0.1));
}
html[data-theme="daylight"] .msg-status.new { background: rgba(47, 123, 246, 0.14); }
html[data-theme="daylight"] .employer-box.approved { background: rgba(31, 122, 77, 0.06); }
html[data-theme="daylight"] .employer-box.pending { background: rgba(190, 150, 40, 0.06); }
html[data-theme="daylight"] .employer-box.rejected { background: rgba(170, 50, 50, 0.05); }
html[data-theme="daylight"] .jm-desc.rich code { background: rgba(23, 43, 77, 0.07); }
html[data-theme="daylight"] .jm-desc.rich pre { background: rgba(23, 43, 77, 0.05); }
html[data-theme="daylight"] .mfa-secret { background: rgba(23, 43, 77, 0.07); }