/*
 * ISQ eLearning Design System — live reference site
 * Site chrome tokens (.docs- namespace only).
 * Values mirror isq-rise-components-v1.0.0.css so the site embodies
 * the system it documents. Never redeclare --isq-* variables here —
 * those are loaded live from the production stylesheet per component.
 */

:root {
  /* Functional palette — mirrors the production Rise stylesheet */
  --docs-blue: #005680;
  --docs-blue-dark: #073B58;
  --docs-blue-deep: #062F46;
  --docs-yellow: #FFC72A;
  --docs-charcoal: #333333;
  --docs-muted: #526874;
  --docs-border: #CFE0E7;
  --docs-tint: #E6EEF2;
  --docs-pale: #F3F7F9;
  --docs-ice: #EAF6FA;
  --docs-white: #FFFFFF;
  --docs-success: #266141;
  --docs-success-pale: #EAF5EF;
  --docs-warning-text: #333333;
  --docs-warning-pale: #FFF7DF;
  --docs-error: #A22B2A;
  --docs-error-pale: #FCEEEE;

  /* Typography — heading stack as documented; Poppins loads locally as the
     working substitute for the licensed Century Gothic woff2 (not supplied
     to this site). Swap the @font-face source and this stack keeps working. */
  --docs-font-heading: "Century Gothic", "Poppins", "Avenir Next", Avenir, Futura, Arial, sans-serif;
  --docs-font-body: "Open Sans", Arial, sans-serif;

  /* Spacing scale */
  --docs-space-1: 4px;
  --docs-space-2: 8px;
  --docs-space-3: 16px;
  --docs-space-4: 24px;
  --docs-space-5: 32px;
  --docs-space-6: 48px;
  --docs-space-7: 64px;

  /* Widths */
  --docs-width-narrow: 760px;
  --docs-width-standard: 960px;
  --docs-width-wide: 1120px;
  --docs-width-full: 1280px;

  /* Radius */
  --docs-radius-small: 10px;
  --docs-radius-medium: 16px;
  --docs-radius-large: 22px;

  /* Elevation */
  --docs-shadow-small: 0 1px 2px rgba(7, 59, 88, 0.08);
  --docs-shadow-medium: 0 4px 16px rgba(7, 59, 88, 0.10);
  --docs-shadow-large: 0 12px 32px rgba(7, 59, 88, 0.14);

  /* Motion */
  --docs-transition-fast: 120ms ease;
  --docs-transition-medium: 200ms ease;

  /* Status colours — text-paired, never colour-only */
  --docs-status-foundation: #062F46;
  --docs-status-core: #005680;
  --docs-status-approved: #266141;
  --docs-status-experimental: #8A6100;
  --docs-status-course-specific: #526874;
  --docs-status-legacy: #7A7A7A;
  --docs-status-deprecated: #A22B2A;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --docs-transition-fast: 0ms;
    --docs-transition-medium: 0ms;
  }
}