/**
 * QUICKFOOT digital design tokens
 * Source: approved identity board (2026-09-05).
 * Logo geometry and typeface files are intentionally not defined here.
 */
:root {
  /* Core palette — values printed in the approved identity board */
  --qf-color-deep-navy: #0a0f1a;
  --qf-color-quick-green: #00e68a;
  --qf-color-stone: #6b7280;
  --qf-color-silver: #c9cdd2;
  --qf-color-off-white: #f7f8fa;

  /* Accessible interface roles */
  --qf-color-canvas-dark: var(--qf-color-deep-navy);
  --qf-color-canvas-light: var(--qf-color-off-white);
  --qf-color-text-on-dark: #ffffff;
  --qf-color-text-muted-dark: var(--qf-color-silver);
  --qf-color-text-on-light: var(--qf-color-deep-navy);
  --qf-color-text-muted-light: var(--qf-color-stone);
  --qf-color-accent: var(--qf-color-quick-green);
  --qf-color-border-dark: rgb(201 205 210 / 20%);
  --qf-color-border-light: rgb(10 15 26 / 14%);
  --qf-color-focus: #ffffff;

  /* Digital gradient — interface asset, not a specification for recolouring logos */
  --qf-gradient-accent: linear-gradient(135deg, #00b971 0%, #00e68a 58%, #7af4bb 100%);
  --qf-gradient-dark: linear-gradient(135deg, #070b13 0%, #0a0f1a 62%, #0c1f27 100%);

  /* Typography — temporary licensed/system fallbacks; not the corporate font */
  --qf-font-display: "Arial", "Helvetica Neue", sans-serif;
  --qf-font-body: "Inter", "Aptos", "Segoe UI", Arial, sans-serif;
  --qf-font-editorial: Georgia, "Times New Roman", serif;
  --qf-weight-regular: 400;
  --qf-weight-medium: 500;
  --qf-weight-semibold: 600;
  --qf-weight-bold: 700;
  --qf-tracking-tight: -0.04em;
  --qf-tracking-display: 0.08em;
  --qf-tracking-label: 0.2em;
  --qf-text-xs: 0.6875rem;
  --qf-text-sm: 0.8125rem;
  --qf-text-md: 1rem;
  --qf-text-lg: 1.25rem;
  --qf-text-xl: clamp(2.5rem, 4.8vw, 4.25rem);
  --qf-text-hero: clamp(3.375rem, 7.2vw, 6.5rem);
  --qf-line-tight: 1;
  --qf-line-body: 1.65;

  /* Spacing */
  --qf-space-1: 0.25rem;
  --qf-space-2: 0.5rem;
  --qf-space-3: 0.75rem;
  --qf-space-4: 1rem;
  --qf-space-5: 1.5rem;
  --qf-space-6: 2rem;
  --qf-space-7: 3rem;
  --qf-space-8: 4rem;
  --qf-space-9: 6rem;
  --qf-space-section: clamp(5.5rem, 9vw, 8.75rem);

  /* Shape, borders and depth */
  --qf-radius-none: 0;
  --qf-radius-sm: 0.25rem;
  --qf-radius-md: 0.75rem;
  --qf-radius-round: 999px;
  --qf-border-subtle: 1px solid var(--qf-color-border-light);
  --qf-shadow-soft: 0 24px 80px rgb(10 15 26 / 14%);

  /* Layout */
  --qf-container-max: 77.5rem;
  --qf-gutter: clamp(1rem, 3vw, 3rem);
  --qf-breakpoint-mobile: 35rem;
  --qf-breakpoint-tablet: 56.25rem;

  /* Motion */
  --qf-duration-fast: 180ms;
  --qf-duration-medium: 360ms;
  --qf-ease-standard: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* Compatibility aliases consumed by QF-WEB-001 */
  --ink: var(--qf-color-deep-navy);
  --deep: var(--qf-color-deep-navy);
  --green: var(--qf-color-quick-green);
  --lime: var(--qf-color-quick-green);
  --mint: #dff9ee;
  --paper: var(--qf-color-off-white);
  --line: var(--qf-color-border-light);
  --muted: var(--qf-color-stone);
  --max: var(--qf-container-max);
}