:root {
  /* Brand */
  --brand: #F68938;          /* accents, icons, highlights */
  --brand-strong: #E46F1B;   /* filled buttons */
  --brand-ink: #B0520C;      /* orange text on light backgrounds (≥ 4.5:1 on white) */
  --brand-soft: #FDEBDD;
  --brand-softer: #FEF6EF;

  /* Neutrals */
  --ink: #111111;
  --ink-2: #3B3834;
  --muted: #77716A;
  --faint: #ABA49B;
  --bg: #F6F2EC;             /* soft beige app background */
  --bg-2: #EDE7DF;
  --surface: #FFFFFF;
  --surface-2: #FAF7F3;
  --line: #EEE8E0;
  --line-strong: #DCD3C8;

  /* Semantic */
  --success: #1E7F47;  --success-soft: #E2F3E8;
  --warning: #9A5C00;  --warning-soft: #FCEFD8;
  --danger: #BF3127;   --danger-soft: #FBE5E2;
  --info: #35577D;     --info-soft: #E5ECF4;
  --neutral-soft: #EFEAE3;

  /* Shape & depth */
  --radius-xl: 24px;
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 10px;
  --shadow-card: 0 1px 2px rgba(17, 17, 17, .04), 0 6px 18px rgba(17, 17, 17, .05);
  --shadow-float: 0 12px 40px rgba(17, 17, 17, .18);

  /* Type — SF Pro on Apple devices, system fallbacks elsewhere (Arabic-capable). */
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", "Geeza Pro", "Noto Sans Arabic", Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, "Helvetica Neue", "Geeza Pro", "Noto Sans Arabic", Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* Motion */
  --ease: cubic-bezier(.32, .72, 0, 1);
  --dir: 1; /* flips horizontal motion for RTL */

  /* Layout */
  --navbar-h: 52px;
  --tabbar-h: 50px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --gutter: 16px;

  color-scheme: light;
}