/* =========================================================
   HiPark Design Tokens
   WordPress / Flatsome / UX Builder

   Load before:
   - hipark-components.css
   - hipark-blocks.css
   ========================================================= */

:root {
  /* Brand colors */
  --hipark-blue: #002b7d;
  --hipark-blue-dark: #001f5c;
  --hipark-blue-alt: #0b3b91;
  --hipark-blue-alt-dark: #082f76;
  --hipark-ink: #061b42;
  --hipark-ink-alt: #06265f;
  --hipark-accent: #2095b8;
  --hipark-accent-dark: #0f6f8d;

  /* Text colors */
  --hipark-text: #4b5563;
  --hipark-text-alt: #465b72;
  --hipark-muted: #526070;
  --hipark-muted-alt: #536b80;
  --hipark-strong-muted: #344054;
  --hipark-soft-muted: #647b8f;
  --hipark-white: #ffffff;

  /* Background colors */
  --hipark-bg-soft: #f7faff;
  --hipark-bg-soft-alt: #f7fbfd;
  --hipark-bg-soft-neutral: #f7fafc;
  --hipark-bg-blue-soft: #eef6fb;
  --hipark-bg-blue-soft-alt: #eef7fb;
  --hipark-bg-blue-soft-hero: #eef7fa;
  --hipark-bg-button-soft: #f1f6ff;
  --hipark-bg-route-soft: #f0f9fc;
  --hipark-bg-media: #dce6ef;

  /* Layout */
  --hipark-container: 1240px;
  --hipark-container-narrow: 1180px;
  --hipark-container-footer: 1120px;

  /* Radius */
  --hipark-radius-xs: 7px;
  --hipark-radius-sm: 8px;
  --hipark-radius-button: 10px;
  --hipark-radius-md: 12px;
  --hipark-radius-lg: 16px;
  --hipark-radius-card: 18px;
  --hipark-radius-panel: 20px;
  --hipark-radius-card-lg: 24px;
  --hipark-radius-pill: 999px;

  /* Shadows */
  --hipark-shadow-button: 0 12px 24px rgba(0, 43, 125, 0.22);
  --hipark-shadow-button-strong: 0 14px 30px rgba(0, 43, 125, 0.22);
  --hipark-shadow-card-soft: 0 14px 36px rgba(6, 27, 66, 0.06);
  --hipark-shadow-card: 0 18px 42px rgba(6, 27, 66, 0.07);
  --hipark-shadow-card-hover: 0 24px 52px rgba(6, 27, 66, 0.11);
  --hipark-shadow-media: 0 24px 56px rgba(6, 27, 66, 0.13);
  --hipark-shadow-panel-dark: 0 24px 58px rgba(6, 27, 66, 0.2);

  /* Motion */
  --hipark-transition: all 0.2s ease;
  --hipark-transition-card: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  --hipark-transition-button: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  --hipark-transition-button-shadow: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;

  /* Breakpoints used across block CSS documentation */
  --hipark-breakpoint-tablet: 1024px;
  --hipark-breakpoint-mobile: 640px;
}