/*
 * RigQuip design tokens.
 *
 * Ported from the reference build's `:root` block. All colours are oklch.
 * Nothing in this file may reference a page or a section — it is the shared
 * vocabulary every RigQuip page draws from.
 *
 * To add a semantic colour: add it here, then expose it through a utility in
 * rq-utilities.css. Never hardcode a hex or a named colour in page CSS.
 */

:root {
  --rq-radius: 0.25rem;
  /* Shared corner radius for the logo mark and CTA buttons — keep them matched. */
  --rq-radius-brand: 6px;

  --rq-font-heading: "Inter Tight", sans-serif;
  --rq-font-body: "Inter Tight", sans-serif;

  --rq-header-surface: oklch(1 0 0);
  --rq-background: oklch(0.975 0.004 220);
  --rq-foreground: oklch(0.16 0.008 230);
  --rq-card: oklch(1 0 0);
  --rq-card-foreground: oklch(0.16 0.008 230);
  --rq-popover: oklch(1 0 0);
  --rq-popover-foreground: oklch(0.16 0.008 230);
  --rq-primary: oklch(0.55 0.19 250);
  --rq-primary-foreground: oklch(1 0 0);
  --rq-secondary: oklch(0.93 0.008 220);
  --rq-secondary-foreground: oklch(0.16 0.008 230);
  --rq-muted: oklch(0.92 0.006 220);
  --rq-muted-foreground: oklch(0.48 0.015 230);
  --rq-accent: oklch(0.55 0.19 250);
  --rq-accent-foreground: oklch(1 0 0);
  --rq-destructive: oklch(0.577 0.245 27.325);
  --rq-destructive-foreground: oklch(0.984 0.003 247.858);
  --rq-border: oklch(0.83 0.008 220);
  --rq-input: oklch(0.83 0.008 220);
  --rq-ring: oklch(0.55 0.19 250);
  --rq-ink-soft: oklch(0.61 0.014 230);
  /* Deeper ink for type sitting on tinted fills so it reads as crisp as on white. */
  --rq-ink-strong: oklch(0 0 0);
  --rq-surface-inverse: oklch(0.145 0.012 225);
  --rq-surface-blue: oklch(0.94 0.025 248);
  --rq-signal: oklch(0.67 0.19 40);

  --rq-logo-blue-light: oklch(0.77 0.12 204);
  --rq-logo-blue-mid: oklch(0.55 0.19 250);
  --rq-logo-blue-deep: oklch(0.29 0.1 268);
  /* The logo ramp's light end is too pale to read at stroke weights on white,
     so thin gradient strokes (icons, chip outlines) use this deeper ramp. */
  --rq-brand-stroke-light: oklch(0.63 0.13 215);
  --rq-brand-stroke-mid: oklch(0.52 0.19 250);
  --rq-brand-stroke-deep: oklch(0.36 0.14 262);

  /* Breakpoint-independent layout constants. */
  --rq-container-max: 1440px;
  --rq-container-pad: 1.25rem;
  --rq-container-pad-md: 2.5rem;
  --rq-container-pad-lg: 4rem;
}