/*
 * ============================================================
 *  THEME: Midnight Gold (الذهبي الليلي)
 *  Navy dark + gold accents — identity الأساسية للإمبراطورية
 *  ============================================================
 *  This is the DEFAULT theme (same as :root in globals.css)
 *  shadcn-compatible CSS variables — كل حاجة بتتغير تلقائياً
 *  ============================================================
 */

.theme-midnight {
  /* ─── Core Surface ─────────────────────────── */
  --background: oklch(0.03 0.006 270);        /* #030512 */
  --foreground: oklch(0.88 0.005 80);          /* #e0e0e0 */
  --card: oklch(0.055 0.007 270);              /* #0a0a1a */
  --card-foreground: oklch(0.9 0.005 80);      /* #eee */
  --popover: oklch(0.07 0.008 270);            /* #12121a */
  --popover-foreground: oklch(0.88 0.005 80);

  /* ─── Colors ──────────────────────────────── */
  --primary: oklch(0.68 0.16 82);              /* #d4a017 — ذهبي */
  --primary-foreground: oklch(0.03 0.006 270); /* كحلي على ذهبي */
  --secondary: oklch(0.12 0.01 270);           /* #1a1a2e */
  --secondary-foreground: oklch(0.88 0.005 80);
  --muted: oklch(0.1 0.008 270);              /* #14141f */
  --muted-foreground: oklch(0.55 0.01 80);     /* #888 */
  --accent: oklch(0.75 0.14 85);               /* #f0c030 — ذهبي لامع */
  --accent-foreground: oklch(0.03 0.006 270);
  --destructive: oklch(0.58 0.22 27);          /* أحمر */

  /* ─── UI Elements ─────────────────────────── */
  --border: oklch(0.18 0.01 270);              /* #2a2a35 */
  --input: oklch(0.15 0.01 270);
  --ring: oklch(0.68 0.16 82);                 /* #d4a017 */
  --radius: 0.75rem;

  /* ─── Charts ──────────────────────────────── */
  --chart-1: oklch(0.68 0.16 82);              /* #d4a017 */
  --chart-2: oklch(0.75 0.14 85);              /* #f0c030 */
  --chart-3: oklch(0.6 0.14 80);               /* #b8860b */
  --chart-4: oklch(0.5 0.1 80);
  --chart-5: oklch(0.4 0.08 80);

  /* ─── Sidebar ─────────────────────────────── */
  --sidebar: oklch(0.035 0.006 270);
  --sidebar-foreground: oklch(0.88 0.005 80);
  --sidebar-primary: oklch(0.68 0.16 82);
  --sidebar-primary-foreground: oklch(0.03 0.006 270);
  --sidebar-accent: oklch(0.1 0.008 270);
  --sidebar-accent-foreground: oklch(0.88 0.005 80);
  --sidebar-border: oklch(0.18 0.01 270);
  --sidebar-ring: oklch(0.68 0.16 82);
}

/* ─── Scrollbar Custom ─────────────────────── */
.theme-midnight ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.theme-midnight ::-webkit-scrollbar-track {
  background: oklch(0.04 0.005 270);
}
.theme-midnight ::-webkit-scrollbar-thumb {
  background: oklch(0.68 0.16 82 / 0.3);
  border-radius: 4px;
}
.theme-midnight ::-webkit-scrollbar-thumb:hover {
  background: oklch(0.68 0.16 82 / 0.5);
}

/* ─── Focus Ring ────────────────────────────── */
.theme-midnight *:focus-visible {
  outline: 2px solid oklch(0.68 0.16 82);
  outline-offset: 2px;
}

/* ─── Selection ─────────────────────────────── */
.theme-midnight ::selection {
  background: oklch(0.68 0.16 82 / 0.3);
  color: oklch(0.95 0.005 80);
}