/* ==========================================================================
   variables.css — design tokens for Ai in Logistics
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  /* Brand */
  --brand: #FF5C1F;
  --brand-hover: #E64A0F;
  --brand-tint: #FFF3ED;

  /* Ink (text) */
  --ink: #202020;
  --ink-muted: #606872;
  --ink-subtle: #8E8E8E;

  /* Surfaces */
  --canvas: #FFFFFF;
  --canvas-alt: #FAFAFA;
  --line: #E8E8E8;

  /* HSL primitives used by Tailwind config tokens */
  --border: 0 0% 91%;
  --input: 0 0% 91%;
  --ring: 17 100% 56%;
  --background: 0 0% 100%;
  --foreground: 0 0% 12.5%;

  /* Typography */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-head: 'Manrope', 'Inter', ui-sans-serif, system-ui, sans-serif;
  --font-body: 'Merriweather', Georgia, 'Times New Roman', serif;

  /* Layout widths */
  --w-page: 1200px;
  --w-feed: 720px;
  --w-prose: 660px;

  /* Letter spacing */
  --tracking-tightish: -0.02em;
  --tracking-widest2: 0.1em;

  /* Motion */
  --ease: 120ms ease;
}