/* Baxia AI - design tokens */
:root {
  /* Color */
  --ink: #0B0D10;
  --ink-2: #111419;
  --ink-3: #181C22;
  --ink-line: #252A31;
  --paper: #F6F5F2;
  --paper-2: #EEECE7;
  --paper-line: #DEDBD4;
  --white: #FFFFFF;
  --text: #0B0D10;
  --text-2: #4A4E55;
  --text-3: #7A7E85;
  --text-inv: #F2F1EE;
  --text-inv-2: #9BA1AA;
  --text-inv-3: #6A717B;
  --accent: #FF5B14;
  --accent-hover: #E84E0B;
  --up: #1FA971;
  --down: #E5484D;

  /* Type */
  --f-display: 'Clash Display', 'Satoshi', system-ui, sans-serif;
  --f-body: 'Satoshi', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --f-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: clamp(1.0625rem, 0.99rem + 0.3vw, 1.25rem);
  --fs-lg: clamp(1.25rem, 1.1rem + 0.6vw, 1.625rem);
  --fs-xl: clamp(1.75rem, 1.4rem + 1.4vw, 2.75rem);
  --fs-2xl: clamp(2.25rem, 1.6rem + 2.8vw, 4.25rem);
  --fs-3xl: clamp(2.75rem, 1.8rem + 4.4vw, 6.25rem);
  --fs-4xl: clamp(3.25rem, 1.8rem + 6.6vw, 8.5rem);

  /* Layout */
  --container: 1360px;
  --gutter: clamp(20px, 4vw, 56px);
  --section: clamp(88px, 11vw, 176px);
  --header-h: 72px;
  --radius-sm: 4px;
  --radius: 8px;
  --radius-lg: 14px;

  /* Motion */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
}