/**
 * finly.css — טוקני-המותג והגופנים של FINLY, לעמודים ה**סטטיים** (דף-הנחיתה, המחשבונים, המדריכים).
 *
 * ⚠ עותק-מראה. אפליקציית-ה-React צורכת את אותם ערכים מ-`web/src/pages/portal/finly-tokens.css`
 * ו-`finly-fonts.css`, כי קבצי-`public` אינם עוברים ב-bundler ואי-אפשר לייבא ביניהם.
 * **הסנכרון נאכף בטסט** (`web/src/finly-brand-sync.test.ts`) — כל ערך שמשתנה בצד אחד ולא בשני
 * מפיל את הסוויטה. אל תערוך קובץ אחד בלי השני.
 *
 * ⚠ מקור-האמת לצבעים = הפיקסלים של `brand/finly/finly-logo.png`. כחול `#0953BA`, טורקיז `#08C4CE`.
 */

/* ═══════ גופנים ═══════ */
/* שם ממותג ולא 'Heebo' — `@font-face` הוא גלובלי, ומחסנית-הגופנים של אפליקציית-היועץ כבר מונה
   'Heebo'. רישום בשם הגנרי היה מחליף בשקט את הגופן של כל ה-CRM. */
@font-face {
  font-family: 'FINLY Heebo';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/heebo-hebrew.woff2') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'FINLY Heebo';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/heebo-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'FINLY Rubik';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/rubik-hebrew.woff2') format('woff2');
  unicode-range: U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}
@font-face {
  font-family: 'FINLY Rubik';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('/fonts/rubik-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329,
    U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ═══════ טוקנים ═══════ */
:root {
  --fin-blue: #0953ba;
  --fin-teal: #08c4ce;

  --fin-blue-900: #063980;
  --fin-blue-800: #074293;
  --fin-blue-700: #084aa7;
  --fin-blue-500: #0a5ccd;
  --fin-blue-300: #78aef8;
  --fin-blue-100: #dce8fb;
  --fin-blue-50: #eef4fe;

  --fin-teal-ink: #05797f;
  --fin-teal-100: #d9f6f8;
  --fin-teal-50: #ecfbfc;

  --fin-grad: linear-gradient(135deg, var(--fin-blue) 0%, var(--fin-teal) 100%);
  --fin-grad-ink: linear-gradient(135deg, var(--fin-blue) 0%, #0a6070 100%);
  --fin-grad-deep: linear-gradient(140deg, var(--fin-blue-900) 0%, var(--fin-blue) 62%, #0a6070 100%);

  --fin-page: #f4f7fc;
  --fin-surface: #ffffff;
  --fin-sunken: #eef3f9;
  --fin-line: #dde6f1;
  --fin-line-strong: #7a8ea8;

  --fin-navy: #0e2e5e;
  --fin-text: #16233a;
  --fin-text-soft: #4a5a71;
  --fin-text-muted: #5b6a7e;

  --fin-ok: #147864;
  --fin-ok-bg: #e6f4f0;
  --fin-warn: #8a5a00;
  --fin-warn-bg: #fdf3dd;
  --fin-danger: #b5322a;
  --fin-danger-bg: #fbeae8;

  --fin-r-sm: 10px;
  --fin-r-md: 14px;
  --fin-r-lg: 20px;
  --fin-r-xl: 28px;
  --fin-r-pill: 999px;

  --fin-shadow-xs: 0 1px 2px rgba(9, 45, 100, 0.06);
  --fin-shadow-sm: 0 2px 8px rgba(9, 45, 100, 0.07);
  --fin-shadow-md: 0 10px 26px rgba(9, 45, 100, 0.09);
  --fin-shadow-lg: 0 22px 52px rgba(9, 45, 100, 0.14);
  --fin-ring: 0 0 0 3px rgba(9, 83, 186, 0.28);

  --fin-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --fin-dur: 200ms;

  --fin-font-body: 'FINLY Heebo', 'Segoe UI', system-ui, sans-serif;
  --fin-font-display: 'FINLY Rubik', 'FINLY Heebo', 'Segoe UI', system-ui, sans-serif;
}