/* ==========================================================
   Jumlaq — design tokens (from the Jumlaq design system)
   Day theme is default; night theme via [data-theme="dark"]
   ========================================================== */
:root {
  --surface: #faf8f3;
  --surface-raised: #ffffff;
  --hessian: #efe5cf;
  --line: #d9cfb8;
  --border: #8c8170;
  --ink: #1c1409;
  --ink-muted: #5c5244;
  --bulk: #f5b700;
  --on-bulk: #1c1409;
  --bulk-ink: #7a5800;
  --bulk-soft: #fcefc2;
  --bid: #b42318;
  --on-bid: #ffffff;
  --bid-soft: #fce3df;
  --secure: #0f5c73;
  --on-secure: #ffffff;
  --secure-soft: #dceef3;
  --focus-ring: #1c1409;

  --font-display: "Readex Pro", "IBM Plex Sans Arabic", system-ui, sans-serif;
  --font-text: "IBM Plex Sans Arabic", "Segoe UI", Tahoma, sans-serif;

  --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px;
  --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px;

  --radius-sm: 4px; --radius-md: 10px; --radius-lg: 18px; --radius-full: 999px;
  --stroke: 1px; --stroke-strong: 2px;

  /* Bootstrap bridge */
  --bs-body-font-family: var(--font-text);
  --bs-body-bg: var(--surface);
  --bs-body-color: var(--ink);
  --bs-border-color: var(--line);
  --bs-secondary-color: var(--ink-muted);
  --bs-link-color: var(--ink);
  --bs-link-hover-color: var(--bulk-ink);
  --bs-link-color-rgb: 28, 20, 9;
  --bs-link-hover-color-rgb: 122, 88, 0;
  --bs-border-radius: var(--radius-md);
  --bs-border-radius-lg: var(--radius-lg);
  --bs-border-radius-sm: var(--radius-sm);
  --bs-primary: #f5b700;
  --bs-primary-rgb: 245, 183, 0;
  --bs-danger: #b42318;
  --bs-danger-rgb: 180, 35, 24;
  --bs-success: #0f5c73;
  --bs-success-rgb: 15, 92, 115;
  --bs-tertiary-bg: var(--hessian);
  --bs-secondary-bg: var(--hessian);
  --bs-emphasis-color: var(--ink);
}

[data-theme="dark"] {
  --surface: #16110b;
  --surface-raised: #211a12;
  --hessian: #2e2519;
  --line: #3a3024;
  --border: #7d705c;
  --ink: #f7f1e6;
  --ink-muted: #b8ac98;
  --bulk-ink: #f5c542;
  --bulk-soft: #3a2d0b;
  --bid: #ff8a7a;
  --on-bid: #1c1409;
  --bid-soft: #3d1712;
  --secure: #72cde3;
  --on-secure: #1c1409;
  --secure-soft: #0e2a32;
  --focus-ring: #f5b700;
  --bs-link-color-rgb: 247, 241, 230;
  --bs-link-hover-color-rgb: 245, 197, 66;
  --bs-emphasis-color: var(--ink);
  color-scheme: dark;
}