/*
  aiVenta Smart CRM Website — Elite Design Tokens
  Canonical source for colors, radii, shadows, blur, spacing, typography, and glass materials.

  Brand token names are intentionally preserved:
  --ventaIndigo
  --ventaEmerald
  --ventaGold
*/

:root {
  /* Brand RGB triplets. Use as: rgb(var(--ventaIndigo) / 0.28) */
  --ventaIndigo: 104 72 255;
  --ventaEmerald: 20 220 160;
  --ventaGold: 245 196 88;

  /* Neutral foundation */
  --bg0: 6 8 14;
  --bg1: 10 14 26;
  --bg2: 14 19 34;
  --bg3: 18 25 44;

  --text0: 244 246 255;
  --text1: 187 196 220;
  --text2: 150 160 186;
  --text3: 111 123 151;

  --line0: 255 255 255;
  --black: 0 0 0;
  --white: 255 255 255;

  /* Intent colors */
  --success: 20 220 160;
  --warning: 245 196 88;
  --danger: 255 112 112;
  --info: 104 72 255;

  /* Glass materials */
  --glass0: rgb(var(--white) / 0.030);
  --glass1: rgb(var(--white) / 0.045);
  --glass2: rgb(var(--white) / 0.060);
  --glass3: rgb(var(--white) / 0.080);

  --glassBorder0: rgb(var(--white) / 0.100);
  --glassBorder1: rgb(var(--white) / 0.140);
  --glassBorder2: rgb(var(--white) / 0.180);

  --glassTintIndigo: radial-gradient(700px 240px at 18% 0%, rgb(var(--ventaIndigo) / 0.14), transparent 62%);
  --glassTintEmerald: radial-gradient(700px 240px at 88% 0%, rgb(var(--ventaEmerald) / 0.10), transparent 62%);
  --glassTintGold: radial-gradient(700px 240px at 50% 0%, rgb(var(--ventaGold) / 0.10), transparent 62%);

  --glassSurface:
    var(--glassTintIndigo),
    var(--glassTintEmerald),
    linear-gradient(180deg, rgb(var(--white) / 0.060), rgb(var(--white) / 0.030));

  --glassSurfaceSoft:
    radial-gradient(520px 180px at 18% 0%, rgb(var(--ventaIndigo) / 0.12), transparent 62%),
    radial-gradient(520px 180px at 88% 0%, rgb(var(--ventaEmerald) / 0.08), transparent 62%),
    rgb(var(--white) / 0.035);

  --glassSurfaceStrong:
    radial-gradient(900px 320px at 18% 0%, rgb(var(--ventaIndigo) / 0.18), transparent 62%),
    radial-gradient(900px 320px at 88% 0%, rgb(var(--ventaEmerald) / 0.12), transparent 62%),
    linear-gradient(180deg, rgb(var(--white) / 0.075), rgb(var(--white) / 0.035));

  /* Blur */
  --blur: 18px;
  --blurSm: 10px;
  --blurMd: 18px;
  --blurLg: 26px;

  /* Radius */
  --rXs: 8px;
  --rSm: 12px;
  --rMd: 16px;
  --rLg: 22px;
  --rXl: 30px;
  --rRound: 999px;

  /* Shadows */
  --shadow1: 0 12px 34px rgb(var(--black) / 0.45);
  --shadow2: 0 22px 70px rgb(var(--black) / 0.55);
  --shadow3: 0 30px 100px rgb(var(--black) / 0.62);

  --glowIndigo: 0 0 60px rgb(var(--ventaIndigo) / 0.16);
  --glowEmerald: 0 0 60px rgb(var(--ventaEmerald) / 0.14);
  --glowGold: 0 0 60px rgb(var(--ventaGold) / 0.14);

  --rimGradient: linear-gradient(
    135deg,
    rgb(var(--ventaIndigo) / 0.70),
    rgb(var(--ventaGold) / 0.35),
    rgb(var(--ventaEmerald) / 0.55)
  );

  /* Spacing + containers */
  --pad: 20px;
  --max: 1120px;
  --wide: 1320px;

  --space2: 2px;
  --space4: 4px;
  --space6: 6px;
  --space8: 8px;
  --space10: 10px;
  --space12: 12px;
  --space14: 14px;
  --space16: 16px;
  --space18: 18px;
  --space20: 20px;
  --space24: 24px;
  --space28: 28px;
  --space32: 32px;
  --space40: 40px;
  --space48: 48px;
  --space56: 56px;
  --space64: 64px;

  /* Typography */
  --fontBody: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  --fontDisplay: "Plus Jakarta Sans", Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;

  --trackingTight: -0.03em;
  --trackingUltra: -0.045em;

  /* Motion */
  --easeOut: cubic-bezier(0.16, 1, 0.3, 1);
  --easeStandard: cubic-bezier(0.2, 0, 0, 1);
  --durFast: 120ms;
  --durMed: 180ms;
  --durSlow: 320ms;

  color-scheme: dark;
}