:root {
  color-scheme: dark;

  /* Direction A — المجلس المعاصر */
  --ui-ink-1000: #050807;
  --ui-ink-950: #080c0b;
  --ui-ink-900: #0d1311;
  --ui-ink-850: #111916;
  --ui-ink-800: #16201c;
  --ui-ink-750: #1b2822;
  --ui-ink-700: #22312b;
  --ui-ink-600: #34443d;
  --ui-ink-400: #77877f;
  --ui-ink-300: #a7b2aa;
  --ui-cream-100: #f8f3e9;
  --ui-cream-150: #f0e8d8;
  --ui-cream-200: #dfd4c0;

  --ui-felt-950: #06110d;
  --ui-felt-900: #091813;
  --ui-felt-850: #0c2119;
  --ui-felt-800: #102b21;
  --ui-felt-700: #173b2e;
  --ui-felt-600: #235443;
  --ui-felt-500: #36715c;

  --ui-brass-800: #684713;
  --ui-brass-700: #87611f;
  --ui-brass-600: #a77b2c;
  --ui-brass-500: #c49a45;
  --ui-brass-400: #d9b86e;
  --ui-brass-300: #ead59b;
  --ui-brass-200: #f4e5bc;

  --ui-date-800: #642923;
  --ui-date-700: #81362e;
  --ui-date-500: #b56052;
  --ui-date-300: #e2a398;
  --ui-slate-800: #233d46;
  --ui-slate-600: #416776;
  --ui-slate-400: #77a0ad;
  --ui-slate-300: #a8c9d2;
  --ui-success-500: #73ad8c;
  --ui-warning-500: #d0a04d;

  --ui-bg: var(--ui-ink-950);
  --ui-bg-deep: var(--ui-ink-1000);
  --ui-surface-1: var(--ui-ink-900);
  --ui-surface-2: var(--ui-ink-850);
  --ui-surface-3: var(--ui-ink-800);
  --ui-surface-raised: var(--ui-ink-750);
  --ui-table: var(--ui-felt-800);
  --ui-table-deep: var(--ui-felt-950);
  --ui-text: var(--ui-cream-100);
  --ui-text-soft: var(--ui-cream-200);
  --ui-text-muted: var(--ui-ink-300);
  --ui-text-subtle: var(--ui-ink-400);
  --ui-line: rgba(248, 243, 233, 0.12);
  --ui-line-strong: rgba(248, 243, 233, 0.22);
  --ui-line-brass: rgba(217, 184, 110, 0.42);
  --ui-action: var(--ui-brass-500);
  --ui-action-hover: var(--ui-brass-400);
  --ui-action-text: #171106;
  --ui-focus: var(--ui-brass-300);
  --ui-danger: var(--ui-date-700);
  --ui-danger-text: #ffe7e2;
  --ui-team-us: var(--ui-brass-400);
  --ui-team-them: var(--ui-slate-300);
  --ui-success: var(--ui-success-500);
  --ui-warning: var(--ui-warning-500);

  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-space-10: 40px;
  --ui-space-12: 48px;

  --ui-radius-xs: 6px;
  --ui-radius-sm: 10px;
  --ui-radius-md: 14px;
  --ui-radius-lg: 20px;
  --ui-radius-xl: 28px;
  --ui-radius-round: 999px;

  --ui-shadow-xs: 0 4px 12px rgba(0, 0, 0, 0.24);
  --ui-shadow-sm: 0 10px 28px rgba(0, 0, 0, 0.34);
  --ui-shadow-md: 0 22px 58px rgba(0, 0, 0, 0.46);
  --ui-shadow-lg: 0 34px 86px rgba(0, 0, 0, 0.58);
  --ui-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.07);

  --ui-duration-fast: 120ms;
  --ui-duration-medium: 200ms;
  --ui-duration-card: 300ms;
  --ui-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ui-ease-standard: cubic-bezier(0.2, 0, 0, 1);

  --ui-font-body: "Noto Sans Arabic", "Tajawal", Tahoma, Arial, sans-serif;
  --ui-font-display: "Noto Kufi Arabic", "Noto Sans Arabic", "Tajawal", sans-serif;
  --ui-topbar-height: 66px;
  --ui-page-gap: 14px;
  --ui-safe-bottom: env(safe-area-inset-bottom, 0px);

  /* Compatibility aliases consumed by the existing client CSS. */
  --bg: var(--ui-bg);
  --bg-soft: var(--ui-surface-1);
  --surface-1: var(--ui-surface-2);
  --surface-2: var(--ui-surface-3);
  --surface-3: var(--ui-surface-raised);
  --felt: var(--ui-felt-700);
  --felt-mid: var(--ui-felt-600);
  --felt-edge: var(--ui-felt-950);
  --panel: rgba(13, 19, 17, 0.96);
  --panel-soft: rgba(17, 25, 22, 0.94);
  --panel-deep: rgba(5, 8, 7, 0.94);
  --line: var(--ui-line);
  --line-strong: var(--ui-line-strong);
  --text: var(--ui-text);
  --muted: var(--ui-text-muted);
  --subtle: var(--ui-text-subtle);
  --gold: var(--ui-brass-500);
  --gold-soft: var(--ui-brass-300);
  --gold-deep: var(--ui-brass-800);
  --green: var(--ui-felt-500);
  --green-soft: var(--ui-success);
  --blue: var(--ui-slate-600);
  --red: var(--ui-date-500);
  --rail: #3b291e;
  --rail-light: #63452c;
  --accent: var(--ui-action);
  --accent-hover: var(--ui-action-hover);
  --accent-fg: var(--ui-action-text);
  --focus-ring: var(--ui-focus);
  --team-us: var(--ui-team-us);
  --team-them: var(--ui-team-them);
  --status-success: var(--ui-success);
  --status-warning: var(--ui-warning);
  --status-error: var(--ui-date-300);
  --safe-bottom: var(--ui-safe-bottom);
  --shadow: var(--ui-shadow-lg);
  --shadow-soft: var(--ui-shadow-sm);
  --radius: var(--ui-radius-sm);
  --radius-lg: var(--ui-radius-lg);
  --font-ar: var(--ui-font-body);
  --font-display: var(--ui-font-display);
}