/* مُستدام — Design tokens: colors, spacing, radius, shadows, type */
:root {
  --bg: #f7f2e8;
  --surface: #ffffff;
  --surface-muted: #f7f2e8;
  --surface-sand: #fbf5e8;
  --ink: #1b2d24;
  --ink-strong: #0c1f17;
  --ink-muted: #566860;
  --ink-subtle: #667870;
  --ink-inverse: #ffffff;
  --line: #e4ddcf;
  --line-strong: #d3c9b6;
  --input-border: #8a8877;
  --brand: #134e39;
  --brand-hover: #0f3f2e;
  --brand-active: #0c3224;
  --brand-ink: #134e39;
  --brand-soft: #dcebe3;
  --brand-tint: #eef5f1;
  --sand: #ead7ae;
  --sand-ink: #7a5518;
  --gold: #d09945;
  --success: #298646;
  --success-soft: #e9f7ef;
  --success-line: #c5e6d0;
  --warning: #d97706;
  --warning-ink: #9a5206;
  --warning-soft: #fef3c7;
  --warning-line: #f5dda0;
  --danger: #a8473d;
  --danger-fill: #bf5347;
  --danger-soft: #fdf4f2;
  --danger-line: #f1d4cf;
  --info: #2b7488;
  --info-soft: #f0f8fa;
  --info-line: #cfe6ec;
  --focus: #2f7c5b;
  --overlay: #0c1f174d;
  --support: #2a9c95;
  --support-soft: #eefaf9;
  --green-50: #eef5f1;
  --teal-50: #eefaf9;
  --gold-50: #fcf6eb;
  --gray-50: #fdfaf4;
  --green-100: #dcebe3;
  --teal-100: #d5f3f0;
  --gold-100: #f8ebd2;
  --gray-100: #f7f2e8;
  --green-200: #b9d6c8;
  --teal-200: #aee6e1;
  --gold-200: #f1d8a9;
  --gray-200: #efe9db;
  --green-300: #8fbba6;
  --teal-300: #7dd3cb;
  --gold-300: #e8c27f;
  --gray-300: #e4ddcf;
  --green-400: #5e9c80;
  --teal-400: #48b8b0;
  --gold-400: #dcab5e;
  --gray-400: #d3c9b6;
  --green-500: #2f7c5b;
  --teal-500: #2a9c95;
  --gold-500: #d09945;
  --gray-500: #a79f8e;
  --green-600: #1d6248;
  --teal-600: #1f7e79;
  --gold-600: #b07e34;
  --gray-600: #667870;
  --green-700: #134e39;
  --teal-700: #1d6562;
  --gold-700: #8c6429;
  --gray-700: #566860;
  --green-800: #0f3f2e;
  --teal-800: #1b504e;
  --gold-800: #684a1f;
  --gray-800: #2e3f36;
  --green-900: #0b3023;
  --teal-900: #173f3e;
  --gold-900: #473216;
  --gray-900: #0c1f17;
  --shadow-soft: 0 1px 2px rgba(26, 36, 32, 0.04), 0 4px 16px rgba(26, 36, 32, 0.04);
  --shadow-lift: 0 2px 6px rgba(26, 36, 32, 0.05), 0 12px 32px rgba(26, 36, 32, 0.08);
  --grad-wash: linear-gradient(180deg, #eef5f1 0%, rgba(238, 245, 241, 0) 100%);
  --grad-bar: linear-gradient(to left, #134e39, #d09945);
  --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: 8px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  --shadow-sm: 0 1px 2px rgba(16, 24, 40, 0.05);
  --shadow-md: 0 2px 4px -2px rgba(16, 24, 40, 0.06), 0 4px 8px -2px rgba(16, 24, 40, 0.1);
  --shadow-lg: 0 12px 16px -4px rgba(16, 24, 40, 0.08), 0 4px 6px -2px rgba(16, 24, 40, 0.03);
  --control-sm: 32px;
  --control-md: 40px;
  --sidebar-w: 264px;
  --content-max: 1200px;
  --reading-max: 720px;
  --font-sans: 'IBM Plex Sans Arabic', 'Segoe UI', Tahoma, system-ui, sans-serif;
  color-scheme: light;
}