/*
  فاتورلي — Brand tokens (source of truth)
  Mirrored into app/ Tailwind config — keep values in sync with 00-main/MAIN.md.
*/
:root {
  --ink: #0b0d12;      /* ليل عميق */
  --mint: #3ddc97;     /* أخضر منت */
  --paper: #f6f3ec;    /* كريم ورق */

  --ink-2: #12151d;
  --ink-3: #1b1f2a;
  --mint-2: #2fc082;
  --muted: #8b93a7;
  --danger: #e5484d;

  --font-display: 'Cairo', 'IBM Plex Sans Arabic', system-ui, sans-serif;
  --font-body: 'IBM Plex Sans Arabic', 'Cairo', system-ui, sans-serif;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 24px;

  --shadow-1: 0 4px 24px rgba(0, 0, 0, 0.24);
  --shadow-mint: 0 0 0 1px rgba(61, 220, 151, 0.25), 0 8px 32px rgba(61, 220, 151, 0.12);

  --header-bg: rgba(11, 13, 18, 0.72);
  --border-soft: rgba(255, 255, 255, 0.08);
  --border-soft-2: rgba(255, 255, 255, 0.06);
}

[data-theme='light'] {
  --ink: #f6f3ec;
  --ink-2: #ffffff;
  --ink-3: #ece7db;
  --paper: #0b0d12;
  --muted: #6b7280;

  --header-bg: rgba(246, 243, 236, 0.82);
  --border-soft: rgba(11, 13, 18, 0.10);
  --border-soft-2: rgba(11, 13, 18, 0.08);
}