/**
 * FLYTAXI Design Tokens — CSS Custom Properties
 * Primary direction: RTL (Hebrew)
 * Import in Next.js: @import '../../packages/design-tokens/tokens.css';
 */

:root {
  /* Brand */
  --fly-navy: #0A1628;
  --fly-blue: #1E6FD9;
  --fly-yellow: #F5C518;
  --fly-white: #FFFFFF;

  /* Semantic */
  --fly-success: #22C55E;
  --fly-warning: #F59E0B;
  --fly-danger: #EF4444;
  --fly-info: #3B82F6;

  /* Neutral scale */
  --fly-neutral-50: #F8FAFC;
  --fly-neutral-100: #F1F5F9;
  --fly-neutral-200: #E2E8F0;
  --fly-neutral-300: #CBD5E1;
  --fly-neutral-400: #94A3B8;
  --fly-neutral-500: #64748B;
  --fly-neutral-600: #475569;
  --fly-neutral-700: #334155;
  --fly-neutral-800: #1E293B;
  --fly-neutral-900: #0F172A;
  --fly-neutral-950: #020617;

  /* Background */
  --fly-bg-primary: var(--fly-neutral-50);
  --fly-bg-secondary: var(--fly-white);
  --fly-bg-inverse: var(--fly-navy);

  /* Text */
  --fly-text-primary: var(--fly-neutral-900);
  --fly-text-secondary: var(--fly-neutral-600);
  --fly-text-inverse: var(--fly-white);
  --fly-text-link: var(--fly-blue);
  --fly-text-accent: var(--fly-yellow);

  /* Border */
  --fly-border-default: var(--fly-neutral-200);
  --fly-border-focus: var(--fly-blue);

  /* Typography */
  --fly-font-primary: 'Heebo', 'Segoe UI', sans-serif;
  --fly-font-mono: 'JetBrains Mono', 'Courier New', monospace;

  --fly-text-xs: 0.75rem;
  --fly-text-sm: 0.875rem;
  --fly-text-base: 1rem;
  --fly-text-lg: 1.125rem;
  --fly-text-xl: 1.25rem;
  --fly-text-2xl: 1.5rem;
  --fly-text-3xl: 1.875rem;
  --fly-text-4xl: 2.25rem;

  /* Spacing */
  --fly-space-1: 0.25rem;
  --fly-space-2: 0.5rem;
  --fly-space-3: 0.75rem;
  --fly-space-4: 1rem;
  --fly-space-5: 1.25rem;
  --fly-space-6: 1.5rem;
  --fly-space-8: 2rem;
  --fly-space-10: 2.5rem;
  --fly-space-12: 3rem;
  --fly-space-16: 4rem;

  /* Border radius */
  --fly-radius-sm: 0.25rem;
  --fly-radius-md: 0.5rem;
  --fly-radius-lg: 0.75rem;
  --fly-radius-xl: 1rem;
  --fly-radius-full: 9999px;

  /* Shadow */
  --fly-shadow-sm: 0 1px 2px 0 rgba(10, 22, 40, 0.05);
  --fly-shadow-md: 0 4px 6px -1px rgba(10, 22, 40, 0.1);
  --fly-shadow-lg: 0 10px 15px -3px rgba(10, 22, 40, 0.1);

  /* Direction */
  --fly-direction: rtl;
}

/* RTL defaults for admin web */
[dir="rtl"] body {
  direction: rtl;
  text-align: right;
  font-family: var(--fly-font-primary);
  color: var(--fly-text-primary);
  background-color: var(--fly-bg-primary);
}