/**
 * JMarkett Theme v1 — Foundation
 * Version 1.6.0
 */

:root {
  --jmkt-color-primary: var(--wp--preset--color--primary, #1f5eff);
  --jmkt-color-primary-dark: var(--wp--preset--color--primary-dark, #1647c7);
  --jmkt-color-secondary: var(--wp--preset--color--secondary, #172033);
  --jmkt-color-accent: var(--wp--preset--color--accent, #ffb020);
  --jmkt-color-text: var(--wp--preset--color--text, #172033);
  --jmkt-color-text-muted: var(--wp--preset--color--text-muted, #667085);
  --jmkt-color-background: var(--wp--preset--color--background, #ffffff);
  --jmkt-color-background-soft: var(--wp--preset--color--background-soft, #f5f7fa);
  --jmkt-color-background-dark: var(--wp--preset--color--background-dark, #101828);
  --jmkt-color-border: var(--wp--preset--color--border, #e4e7ec);

  --jmkt-font-ui: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --jmkt-font-xs: .8125rem;
  --jmkt-font-small: .9rem;
  --jmkt-font-base: 1rem;
  --jmkt-font-lead: clamp(1.08rem, .7vw + .95rem, 1.25rem);
  --jmkt-font-h4: clamp(1.18rem, .7vw + 1rem, 1.45rem);
  --jmkt-font-h3: clamp(1.5rem, 1.6vw + 1rem, 2.1rem);
  --jmkt-font-h2: clamp(2.15rem, 3.25vw + 1rem, 3.55rem);
  --jmkt-font-h1: clamp(2.8rem, 4.7vw + 1rem, 4.8rem);
  --jmkt-font-display: clamp(3.25rem, 6.2vw + 1rem, 6rem);

  --jmkt-space-2xs: .25rem;
  --jmkt-space-xs: .5rem;
  --jmkt-space-s: .75rem;
  --jmkt-space-m: 1.25rem;
  --jmkt-space-l: 2rem;
  --jmkt-space-xl: 3rem;
  --jmkt-space-2xl: 4.5rem;
  --jmkt-space-3xl: 6rem;
  --jmkt-space-4xl: 8rem;

  /* Wider desktop system: roomy site shell, still restrained reading widths. */
  --jmkt-width-narrow: 760px;
  --jmkt-width-content: 1040px;
  --jmkt-width-wide: 1280px;
  --jmkt-width-site: 1440px;
  --jmkt-page-gutter: clamp(1.25rem, 3.3vw, 3rem);
  --jmkt-section-space: clamp(4.75rem, 7.25vw, 7.5rem);

  --jmkt-radius-xs: 6px;
  --jmkt-radius-s: 8px;
  --jmkt-radius-m: 10px;
  --jmkt-radius-l: 14px;
  --jmkt-radius-xl: 20px;

  --jmkt-shadow-soft: 0 10px 30px rgba(16, 24, 40, .055);
  --jmkt-shadow-medium: 0 16px 44px rgba(16, 24, 40, .09);
  --jmkt-shadow-strong: 0 28px 70px rgba(16, 24, 40, .14);

  --jmkt-transition-fast: 150ms ease;
  --jmkt-transition-base: 240ms ease;
  --jmkt-transition-slow: 400ms ease;
}

.jmkt-section { padding-block: var(--jmkt-section-space); }

.jmkt-container {
  width: min(calc(100% - (2 * var(--jmkt-page-gutter))), var(--jmkt-width-wide));
  margin-inline: auto;
}

.jmkt-container--narrow { max-width: var(--jmkt-width-narrow); }
.jmkt-container--content { max-width: var(--jmkt-width-content); }
.jmkt-container--site { max-width: var(--jmkt-width-site); }

/* v1.8 — dedicated numeric face for small process/index labels. */
:root {
  --jmkt-font-numeric: "Segoe UI", Arial, Helvetica, sans-serif;
}