/* ==========================================================================
   Calyon Facility Services — Design Tokens
   ========================================================================== */

:root {
  /* Brand colours */
  --calyon-navy: #123A8C;
  --calyon-navy-dark: #0C2A66;
  --calyon-gold: #F4C400;
  --calyon-gold-dark: #D9AF00;
  --calyon-sage: #8E9D68;
  --calyon-sage-dark: #74815380;
  --charcoal: #202426;
  --off-white: #F7F6F2;
  --white: #FFFFFF;

  /* Text */
  --text-primary: var(--charcoal);
  --text-secondary: #52585C;
  --text-inverse: var(--off-white);

  /* Surfaces */
  --surface-light: var(--white);
  --surface-tint: var(--off-white);
  --surface-dark: var(--calyon-navy);

  /* Borders */
  --border-subtle: #E4E1D8;
  --border-strong: #C9C5B8;

  /* Type */
  --font-heading: 'Plus Jakarta Sans', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', system-ui, sans-serif;

  --step-xs: clamp(0.78rem, 0.75rem + 0.15vw, 0.85rem);
  --step-sm: clamp(0.9rem, 0.87rem + 0.15vw, 1rem);
  --step-base: clamp(1rem, 0.97rem + 0.2vw, 1.125rem);
  --step-md: clamp(1.2rem, 1.1rem + 0.4vw, 1.4rem);
  --step-lg: clamp(1.5rem, 1.3rem + 0.8vw, 1.9rem);
  --step-xl: clamp(2rem, 1.6rem + 1.6vw, 2.75rem);
  --step-2xl: clamp(2.5rem, 1.9rem + 2.6vw, 3.6rem);

  /* Spacing */
  --space-xs: 0.5rem;
  --space-sm: 1rem;
  --space-md: 1.5rem;
  --space-lg: 2.5rem;
  --space-xl: 4rem;
  --space-2xl: 6rem;
  --space-3xl: 8.5rem;

  /* Layout */
  --content-max: 1280px;
  --content-narrow: 760px;
  --radius-sm: 4px;
  --radius-md: 8px;

  /* Motion */
  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1);
  --duration-fast: 180ms;
  --duration-base: 320ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
    --duration-base: 0ms;
  }
}