/* ============================================================================
 * THEME 03 — الحبر الأدنى | Minimal Ink
 * Strict typographic mono-ink system. Layout: static sidebar.
 * ============================================================================ */

html[data-theme="minimal_ink"],[data-preview-theme="minimal_ink"] {
  --ui-font: 'IBM Plex Sans Arabic', 'Tajawal', 'Cairo', sans-serif;
  --ui-heading-weight: 700;
  --ui-heading-tracking: -0.02em;
  --ui-control-h: 42px;
  --ui-radius: 0px;
  --ui-radius-sm: 0px;
  --ui-radius-pill: 0px;
  --ui-avatar-radius: 0px;
  --ui-gap: 14px;
  --ui-card-pad: 18px;
  --ui-row-pad: 10px;
  --ui-motion: 90ms;

  --ui-canvas: #ffffff;
  --ui-canvas-2: #fafafa;
  --ui-pattern: none;
  --ui-card-bg: #ffffff;
  --ui-card-bg-hover: #fafafa;
  --ui-subtle: #f4f4f5;
  --ui-border: #0d0d0d;
  --ui-border-w: 1.5px;
  --ui-blur: none;
  --ui-shadow: none;
  --ui-shadow-hover: none;
  --ui-inset: none;

  --ui-text: #18181b;
  --ui-heading: #09090b;
  --ui-muted: #52525b;
  --ui-faint: #71717a;

  --ui-primary: #0d0d0d;
  --ui-primary-soft: #f4f4f5;
  --ui-primary-contrast: #ffffff;
  --ui-primary-glow: none;
  --ui-accent: #52525b;
  --ui-accent-soft: #ebebed;
  --ui-chart-1: #0d0d0d;
  --ui-chart-2: #52525b;
  --ui-chart-3: #a1a1aa;
  --ui-chart-4: #d4d4d8;
  --ui-chart-5: #71717a;
  --ui-grid: rgba(13, 13, 13, .18);
}

html[data-theme="minimal_ink"][data-mode="dark"],[data-preview-theme="minimal_ink"][data-preview-mode="dark"] {
  --ui-canvas: #0b0b0c;
  --ui-canvas-2: #121214;
  --ui-card-bg: #121214;
  --ui-card-bg-hover: #18181b;
  --ui-subtle: #17171a;
  --ui-border: #f4f4f5;

  --ui-text: #e4e4e7;
  --ui-heading: #fafafa;
  --ui-muted: #a1a1aa;
  --ui-faint: #71717a;

  --ui-primary: #fafafa;
  --ui-primary-soft: #27272a;
  --ui-primary-contrast: #09090b;
  --ui-accent: #a1a1aa;
  --ui-accent-soft: #27272a;
  --ui-chart-1: #fafafa;
  --ui-chart-2: #a1a1aa;
  --ui-chart-3: #71717a;
  --ui-chart-4: #d4d4d8;
  --ui-chart-5: #52525b;
  --ui-grid: rgba(244, 244, 245, .2);
}

/* Underline-only inputs (editorial form language) */
html[data-theme="minimal_ink"] input.ui-field,[data-preview-theme="minimal_ink"] input.ui-field,
html[data-theme="minimal_ink"] select.ui-field,
[data-preview-theme="minimal_ink"] select.ui-field,
html[data-theme="minimal_ink"] textarea.ui-field,
[data-preview-theme="minimal_ink"] textarea.ui-field {
  background: transparent;
  border-width: 0 0 var(--ui-border-w) 0;
  border-radius: 0;
  padding-inline: 2px;
}
html[data-theme="minimal_ink"] input.ui-field:focus,[data-preview-theme="minimal_ink"] input.ui-field:focus,
html[data-theme="minimal_ink"] textarea.ui-field:focus,
[data-preview-theme="minimal_ink"] textarea.ui-field:focus {
  box-shadow: none;
  border-bottom-width: 3px;
}

/* Metric emphasis through weight, not colour */
html[data-theme="minimal_ink"] .ui-metric,[data-preview-theme="minimal_ink"] .ui-metric {
  font-weight: 800;
  letter-spacing: -0.02em;
}
html[data-theme="minimal_ink"] .ui-trend-up::before,[data-preview-theme="minimal_ink"] .ui-trend-up::before,
html[data-theme="minimal_ink"] .ui-trend-down::before,
[data-preview-theme="minimal_ink"] .ui-trend-down::before {
  font-weight: 900;
}
