/**
 * Flowsoft Ltd — Harbor design tokens (USER LOCKED — canonical)
 * Approved via Design chat widget. Atlas/Signal = archived alternates only.
 * Hebrew-first RTL system · Mobile-first · WCAG AA targets
 * Pair with Heebo (HE) + Inter (EN/UI). Do not edit production sites from this file.
 */

:root {
  /* —— Color: Harbor primary —— */
  --fs-color-primary: #0B1F3A;
  --fs-color-primary-hover: #071628;
  --fs-color-primary-muted: #163A5C;

  --fs-color-accent: #2BB3C0;
  --fs-color-accent-hover: #2396A1;
  --fs-color-accent-muted: #E6F7F9;

  --fs-color-secondary: #163A5C; /* deep navy secondary / heritage bridge */

  /* Neutrals (cool gray) */
  --fs-color-neutral-950: #0A121C;
  --fs-color-neutral-900: #121A24;
  --fs-color-neutral-800: #1E2936;
  --fs-color-neutral-700: #334155;
  --fs-color-neutral-600: #475569;
  --fs-color-neutral-500: #64748B;
  --fs-color-neutral-400: #94A3B8;
  --fs-color-neutral-300: #CBD5E1;
  --fs-color-neutral-200: #E2E8F0;
  --fs-color-neutral-100: #F1F5F9;
  --fs-color-neutral-50: #F8FAFC;
  --fs-color-surface: #FFFFFF;
  --fs-color-surface-subtle: #F8FAFC;

  /* Semantic */
  --fs-color-success: #15803D;
  --fs-color-success-bg: #ECFDF5;
  --fs-color-warn: #B45309;
  --fs-color-warn-bg: #FFFBEB;
  --fs-color-error: #B91C1C;
  --fs-color-error-bg: #FEF2F2;
  --fs-color-info: #1D4ED8;
  --fs-color-info-bg: #EFF6FF;

  /* Text on surfaces */
  --fs-color-text: #0B1F3A;
  --fs-color-text-muted: #475569;
  --fs-color-text-inverse: #FFFFFF;
  --fs-color-border: #E2E8F0;
  --fs-color-focus-ring: #2BB3C0;

  /* Product tags */
  --fs-tag-remedesk: #2BB3C0;
  --fs-tag-aerozeno: #1D4ED8;
  --fs-tag-consulting: #0B1F3A;
  --fs-tag-partner: #64748B;

  /* —— Typography —— */
  --fs-font-he: "Heebo", "Noto Sans Hebrew", "Arial Hebrew", Arial, sans-serif;
  --fs-font-en: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --fs-font-ui: var(--fs-font-en);
  --fs-font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace;

  /* Type scale (px / rem assuming 16px root) */
  --fs-text-display: 2.5rem;      /* 40px */
  --fs-text-h1: 2rem;             /* 32px */
  --fs-text-h2: 1.5rem;           /* 24px */
  --fs-text-h3: 1.25rem;          /* 20px */
  --fs-text-body-lg: 1.125rem;    /* 18px */
  --fs-text-body: 1rem;           /* 16px */
  --fs-text-body-sm: 0.875rem;    /* 14px */
  --fs-text-caption: 0.75rem;     /* 12px */

  --fs-leading-display: 1.15;
  --fs-leading-heading: 1.25;
  --fs-leading-body: 1.55;
  --fs-leading-tight: 1.35;

  --fs-weight-regular: 400;
  --fs-weight-medium: 500;
  --fs-weight-semibold: 600;
  --fs-weight-bold: 700;

  /* —— Spacing (4px base) —— */
  --fs-space-0: 0;
  --fs-space-1: 0.25rem;  /* 4px */
  --fs-space-2: 0.5rem;   /* 8px */
  --fs-space-3: 0.75rem;  /* 12px */
  --fs-space-4: 1rem;     /* 16px */
  --fs-space-5: 1.5rem;   /* 24px */
  --fs-space-6: 2rem;     /* 32px */
  --fs-space-7: 2.5rem;   /* 40px */
  --fs-space-8: 3rem;     /* 48px */
  --fs-space-9: 4rem;     /* 64px */
  --fs-space-10: 5rem;    /* 80px */

  /* —— Radius —— */
  --fs-radius-sm: 0.25rem;   /* 4px */
  --fs-radius-md: 0.5rem;    /* 8px */
  --fs-radius-lg: 0.75rem;   /* 12px */
  --fs-radius-xl: 1rem;      /* 16px */
  --fs-radius-pill: 9999px;

  /* —— Shadow elevation —— */
  --fs-shadow-sm: 0 1px 2px rgba(11, 31, 58, 0.06);
  --fs-shadow-md: 0 4px 12px rgba(11, 31, 58, 0.08);
  --fs-shadow-lg: 0 12px 32px rgba(11, 31, 58, 0.12);
  --fs-shadow-focus: 0 0 0 3px rgba(43, 179, 192, 0.35);

  /* —— Layout / grid —— */
  --fs-grid-columns: 12;
  --fs-container-pad: var(--fs-space-4);
  --fs-container-max: 72rem; /* 1152px */

  /* Breakpoints (mobile-first; use in @media min-width) */
  /* --fs-bp-sm: 640px; --fs-bp-md: 768px; --fs-bp-lg: 1024px; --fs-bp-xl: 1280px; */

  /* —— Motion —— */
  --fs-duration-fast: 150ms;
  --fs-duration: 200ms;
  --fs-duration-slow: 250ms;
  --fs-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* —— Direction helpers —— */
  --fs-dir: rtl; /* Hebrew-first default; override to ltr for EN twin */
}

/* English twin surfaces */
[lang="en"], [dir="ltr"] {
  --fs-dir: ltr;
  font-family: var(--fs-font-en);
}

[lang="he"], [dir="rtl"] {
  --fs-dir: rtl;
  font-family: var(--fs-font-he);
}

/* Accessibility (2026-10-24): navy label on teal fills; teal text on light uses --fs-color-accent-text */
:root { --fs-color-on-accent: #0B1F3A; --fs-color-accent-text: #177C87; }