/* ============================================================================
 * THEME 02 — الشفق الفاتح | Aurora Light
 * Native light storefront + tuned dark variant. Layout: static sidebar.
 * ============================================================================ */

html[data-theme="aurora_light"],[data-preview-theme="aurora_light"] {
  --ui-font: 'Cairo', 'Tajawal', system-ui, sans-serif;
  --ui-heading-weight: 750;
  --ui-control-h: 46px;
  --ui-radius: 12px;
  --ui-radius-sm: 10px;
  --ui-avatar-radius: 999px;
  --ui-radius-pill: 999px;
  --ui-gap: 15px;
  --ui-card-pad: 20px;
  --ui-row-pad: 12px;
  --ui-motion: 140ms;

  --ui-canvas: #f7f9fc;
  --ui-canvas-2: #ffffff;
  --ui-pattern: radial-gradient(circle at 88% 6%, rgba(132, 204, 22, .12), transparent 38%);
  --ui-card-bg: #ffffff;
  --ui-card-bg-hover: #ffffff;
  --ui-subtle: rgba(15, 23, 42, .035);
  --ui-border: #e4e9f2;
  --ui-border-w: 1px;
  --ui-blur: none;
  --ui-shadow: 0 1px 2px rgba(15, 23, 42, .05), 0 10px 26px -20px rgba(15, 23, 42, .3);
  --ui-shadow-hover: 0 10px 30px -16px rgba(15, 23, 42, .28);
  --ui-inset: none;

  --ui-text: #26364f;
  --ui-heading: #0f172a;
  --ui-muted: #5b6b85;
  --ui-faint: #8b98ae;

  --ui-primary: #131f36;
  --ui-primary-soft: rgba(19, 31, 54, .08);
  --ui-primary-contrast: #ffffff;
  --ui-primary-glow: 0 8px 22px -12px rgba(19, 31, 54, .55);
  --ui-accent: #65a30d;
  --ui-accent-soft: rgba(132, 204, 22, .18);
  --ui-chart-1: #65a30d;
  --ui-chart-2: #0284c7;
  --ui-chart-3: #d97706;
  --ui-chart-4: #4f46e5;
  --ui-chart-5: #e11d48;
  --ui-grid: rgba(15, 23, 42, .09);
}

html[data-theme="aurora_light"][data-mode="dark"],[data-preview-theme="aurora_light"][data-preview-mode="dark"] {
  --ui-canvas: #0b1220;
  --ui-canvas-2: #111c2f;
  --ui-pattern: radial-gradient(circle at 85% 8%, rgba(163, 230, 53, .12), transparent 36%);
  --ui-card-bg: #111c2f;
  --ui-card-bg-hover: #16233a;
  --ui-subtle: rgba(148, 163, 184, .07);
  --ui-border: rgba(148, 163, 184, .18);
  --ui-shadow: 0 12px 30px -16px rgba(0, 0, 0, .6);
  --ui-shadow-hover: 0 16px 36px -18px rgba(0, 0, 0, .7);
  --ui-inset: inset 0 1px 0 rgba(255, 255, 255, .04);

  --ui-text: #e4ecf8;
  --ui-heading: #ffffff;
  --ui-muted: #92a3ba;
  --ui-faint: #64748b;

  --ui-primary: #7dd3fc;
  --ui-primary-soft: rgba(125, 211, 252, .14);
  --ui-primary-contrast: #062a3d;
  --ui-primary-glow: 0 0 0 1px rgba(125, 211, 252, .35), 0 12px 26px -14px rgba(125, 211, 252, .5);
  --ui-accent: #a3e635;
  --ui-accent-soft: rgba(163, 230, 53, .14);
  --ui-chart-1: #a3e635;
  --ui-chart-2: #38bdf8;
  --ui-chart-3: #fbbf24;
  --ui-chart-4: #818cf8;
  --ui-chart-5: #fb7185;
  --ui-grid: rgba(148, 163, 184, .16);
}

/* Storefront touch: product imagery keeps a crisp edge on light surfaces */
html[data-theme="aurora_light"] .glass-card img,[data-preview-theme="aurora_light"] .glass-card img {
  border-radius: calc(var(--ui-radius) - 4px);
}
