/* Flowlines design tokens — shared by the website (site/), the sales deck and the pricing document (sales/).
   Change brand colours, type or spacing here only. */

@font-face {
  font-family: 'Geist';
  src: url('/fonts/geist-latin-wght-normal.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  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: 'Geist';
  src: url('/fonts/geist-latin-ext-wght-normal.woff2') format('woff2-variations');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --bg-0: #070A10;
  --bg-1: #080B12;
  --bg-2: #0D121C;
  --surface-1: #101827;
  --surface-2: #131D2B;
  --line: rgba(173, 184, 200, 0.12);
  --line-strong: rgba(173, 184, 200, 0.22);

  --text: #F7F8FA;
  --text-2: #ADB8C8;
  --text-3: #8490A2;

  --accent: #4D8DFF;
  --accent-soft: #8DB4FF;
  --accent-strong: #2563EB;
  --success: #2EE6A6;          /* success / qualified / converted states only */
  --success-text: #5EEDBB;
  --wa: #25D366;               /* WhatsApp's brand green — only on WhatsApp buttons */
  --wa-text: #25D366;          /* WhatsApp green used as text/hover colour */
  --wa-surface: #0E1A14;

  /* Theme channels: "r, g, b" triplets for translucent colours, so one rule works in both themes
     (the site's light theme redefines them in styles.css; these are the dark values). */
  --bg-rgb: 7, 10, 16;          /* page background: scrims, input wells */
  --nav-rgb: 10, 14, 22;        /* frosted nav / menu */
  --glass-rgb: 13, 18, 28;      /* glass chips and cards */
  --surface-rgb: 16, 24, 39;    /* card fills */
  --surface-2-rgb: 19, 29, 43;  /* raised card fills */
  --ink-rgb: 255, 255, 255;     /* faint overlays that lift a surface (hover, inset highlights) */
  --line-rgb: 173, 184, 200;    /* hairlines */
  --accent-rgb: 77, 141, 255;
  --success-rgb: 46, 230, 166;
  --shadow-rgb: 0, 0, 0;
  --shadow-k: 1;                /* shadow strength multiplier */
  --text-hero: #C3CCD9;
  --text-4: #6C7888;
  --dot: #2A3547;
  --bg-deep: #060911;
  --danger: #F2787A;
  --danger-text: #FF9A9C;
  --danger-strong-text: #FFD0D1;
  --danger-badge: #FFB4B4;
  --danger-dot: #FF6B6B;
  --grad-text: linear-gradient(92deg, #F7F8FA 0%, #A9C6FF 45%, #4D8DFF 100%);
  --backdrop: rgba(4, 6, 10, .72);

  --font: 'Geist', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;

  --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px;
  --s-7: 48px; --s-8: 64px; --s-9: 80px; --s-10: 96px; --s-11: 128px; --s-12: 160px;

  --gutter: clamp(20px, 4vw, 40px);
  --maxw: 1240px;
  --section-y: clamp(88px, 11vw, 160px);
  --radius: 14px;
  --radius-lg: 22px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --nav-h: 72px;
}