/*
 * ============================================================
 *  THEME: Clean Arctic (القطبي النقي)
 *  Light theme — Shopify-inspired, clean, trustworthy
 *  Perfect for daytime browsing, high-conversion vibes
 *  ============================================================
 *  shadcn-compatible CSS variables
 *  ============================================================
 */

.theme-arctic {
  /* ─── Core Surface ─────────────────────────── */
  --background: oklch(0.97 0.003 80);          /* #f8f9fa */
  --foreground: oklch(0.15 0.01 270);          /* #1a1a2e */
  --card: oklch(1 0 0);                         /* #ffffff */
  --card-foreground: oklch(0.15 0.01 270);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.15 0.01 270);

  /* ─── Colors ──────────────────────────────── */
  --primary: oklch(0.45 0.18 265);             /* #2563eb — أزرق */
  --primary-foreground: oklch(0.97 0.003 80);  /* أبيض */
  --secondary: oklch(0.92 0.005 265);          /* #e8ecf4 */
  --secondary-foreground: oklch(0.25 0.01 270);
  --muted: oklch(0.95 0.003 80);               /* #f0f0f0 */
  --muted-foreground: oklch(0.55 0.01 270);    /* #6b7280 */
  --accent: oklch(0.68 0.16 82);               /* #d4a017 — ذهبي */
  --accent-foreground: oklch(0.97 0.003 80);
  --destructive: oklch(0.55 0.22 27);          /* أحمر */

  /* ─── UI Elements ─────────────────────────── */
  --border: oklch(0.88 0.005 265);             /* #e5e7eb */
  --input: oklch(0.92 0.005 265);
  --ring: oklch(0.68 0.16 82);                 /* #d4a017 */
  --radius: 0.625rem;

  /* ─── Charts ──────────────────────────────── */
  --chart-1: oklch(0.45 0.18 265);             /* #2563eb */
  --chart-2: oklch(0.68 0.16 82);              /* #d4a017 */
  --chart-3: oklch(0.3 0.15 270);              /* #4f46e5 */
  --chart-4: oklch(0.6 0.14 80);               /* #b8860b */
  --chart-5: oklch(0.75 0.12 85);              /* #f0c030 */

  /* ─── Sidebar ─────────────────────────────── */
  --sidebar: oklch(0.98 0.002 265);
  --sidebar-foreground: oklch(0.15 0.01 270);
  --sidebar-primary: oklch(0.45 0.18 265);
  --sidebar-primary-foreground: oklch(1 0 0);
  --sidebar-accent: oklch(0.92 0.005 265);
  --sidebar-accent-foreground: oklch(0.15 0.01 270);
  --sidebar-border: oklch(0.88 0.005 265);
  --sidebar-ring: oklch(0.68 0.16 82);
}

/* ─── Arctic-Specific Touches ──────────────── */
.theme-arctic {
  /* Subtle background pattern for depth */
  --bg-pattern: radial-gradient(circle at 50% -20%, oklch(0.45 0.18 265 / 0.03) 0%, transparent 60%);
}

.theme-arctic body {
  background-image: var(--bg-pattern);
  background-attachment: fixed;
}

/* ─── Custom Scrollbar ─────────────────────── */
.theme-arctic ::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
.theme-arctic ::-webkit-scrollbar-track {
  background: oklch(0.96 0.003 80);
}
.theme-arctic ::-webkit-scrollbar-thumb {
  background: oklch(0.45 0.18 265 / 0.2);
  border-radius: 4px;
}
.theme-arctic ::-webkit-scrollbar-thumb:hover {
  background: oklch(0.45 0.18 265 / 0.4);
}

/* ─── Focus & Selection ────────────────────── */
.theme-arctic *:focus-visible {
  outline: 2px solid oklch(0.45 0.18 265);
  outline-offset: 2px;
}
.theme-arctic ::selection {
  background: oklch(0.45 0.18 265 / 0.15);
  color: oklch(0.15 0.01 270);
}