/* iK Lifts design tokens. Brand palette from the logo. Dark by design. */
:root {
  color-scheme: dark;

  /* Palette: taken from the iK Lifts logo (blue #0098D0 on white). */
  --color-ink: #06131D;        /* background: the logo blue, pushed to near-black */
  --color-paper: #F3F8FB;      /* body text: logo white, cooled */
  --color-brand: #0098D0;      /* logo blue: primary accent and button fill */
  --color-brand-bright: #00A8E8; /* logo blue, lifted for highlights and hover */
  --color-brand-deep: #006E9C; /* logo blue, deepened for shadows and rings */
  --color-muted: #8DA3B3;      /* secondary text */
  --color-line: rgba(0, 152, 208, 0.22); /* hairline dividers (non-text) */
  --color-error: #FFB4A8;      /* form error text on ink: about 11:1 contrast */

  /* Type families */
  --font-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --font-body: "Inter", "Helvetica Neue", Arial, sans-serif;

  /* Type scale (rem, minimum 1rem body) */
  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: 1.125rem;
  --step-2: 1.375rem;
  --step-3: 1.75rem;
  --step-4: 2.25rem;
  --step-5: clamp(2.5rem, 6vw + 1rem, 4.5rem);

  /* Weights */
  --weight-display: 700;
  --weight-body: 400;
  --weight-body-strong: 500;

  /* Layout */
  --gutter: 16px;
  --max-width: 72rem;

  /* Motion (disabled under prefers-reduced-motion in site.css) */
  --ring-duration: 3.2s;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}