html {
  font-size: 88% !important; /* Scaled up 10% */
  -webkit-text-size-adjust: 100%;
}

:root {
  /* Fonts */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-arabic: 'Cairo', 'Segoe UI', Tahoma, sans-serif;

  /* Stripe / Linear Light Theme Tokens */
  --primary: #635bff;
  --primary-hover: #534be5;
  --primary-subtle: #f0efff;
  --success: #00875a;
  --success-subtle: #e3fcef;
  --warning: #ffab00;
  --warning-subtle: #fff0b3;
  --danger: #de350b;
  --danger-subtle: #ffebe6;
  --info: #0065ff;
  --info-subtle: #deebff;

  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-elevated: #ffffff;
  --border: #e2e8f0;
  --border-focus: #635bff;
  --text: #0f172a;
  --text-muted: #64748b;
  --text-inverse: #ffffff;

  --sidebar-bg: #0b0f19;
  --sidebar-text: #94a3b8;
  --sidebar-active: #635bff;
  --sidebar-active-text: #ffffff;
  --sidebar-border: #1e293b;

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1);
}

[data-theme="dark"] {
  --primary: #7c75ff;
  --primary-hover: #918bff;
  --primary-subtle: #1e1b4b;
  --success: #10b981;
  --success-subtle: #064e3b;
  --warning: #f59e0b;
  --warning-subtle: #78350f;
  --danger: #ef4444;
  --danger-subtle: #7f1d1d;
  --info: #38bdf8;
  --info-subtle: #0c4a6e;

  --bg: #090d16;
  --surface: #111827;
  --surface-elevated: #1f2937;
  --border: #374151;
  --text: #f9fafb;
  --text-muted: #9ca3af;

  --sidebar-bg: #030712;
  --sidebar-text: #9ca3af;
  --sidebar-border: #1f2937;
}

[dir="rtl"] {
  font-family: var(--font-arabic);
}