/* EdgeUno Cloud design tokens — ported from https://edgeuno.cloud */

@font-face {
  font-family: 'Outfit';
  src: url('../../fonts/outfit-variable-latin.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  color-scheme: light;
  --color-brand-navy: #000080;
  --color-brand-navy-deep: #00004c;
  --color-brand-teal: #47afb4;
  --color-brand-teal-contrast: #276f74;
  --color-brand-teal-soft: #d8f3f3;
  --color-brand-steel-teal: #598495;
  --color-focus-ring: #000080;
  --color-focus-ring-offset: #ffffff;
  --color-text-slate: #2d3748;
  --color-text-muted: #686868;
  --color-border-muted: #a0a0a0;
  --color-surface-page: #f7f7f7;
  --color-surface-card: #ffffff;
  --radius-button: 6px;
  --radius-card: 8px;
  --radius-hero: 12px;
  --container-prose: 65ch;
  --container-content: 72rem;
  --container-wide: 80rem;
  --font-sans: 'Outfit', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', sans-serif;
  --edge-navy: var(--color-brand-navy-deep);
  --edge-blue: var(--color-brand-navy);
  --edge-cyan: var(--color-brand-teal);
  --edge-primary: var(--color-brand-navy);
  --edge-muted: var(--color-text-muted);
  --edge-soft: var(--color-brand-teal-soft);
  /* Kadence bridge: replace the Figtree stack coming from saved customizer options */
  --global-body-font-family: var(--font-sans);
  --global-heading-font-family: var(--font-sans);
}

/* Typography: enforce Outfit over Kadence's inline-generated Figtree rules */
body,
button,
input,
select,
textarea {
  font-family: var(--font-sans) !important;
}

h1, h2, h3, h4, h5, h6,
.wp-block-kadence-advancedheading {
  font-family: var(--font-sans) !important;
}

/* Hero gradient + section helpers, usable as extra classes on Kadence blocks */
.e1c-gradient-hero {
  background: linear-gradient(135deg, #07114d, #18187f 58%, #4553c7);
  color: #ffffff;
}

.e1c-gradient-card-teal {
  background: linear-gradient(145deg, #ffffff, #eefafa);
}

.e1c-gradient-card-blue {
  background: linear-gradient(160deg, #ffffff, #e8f0fa);
}

.e1c-surface-page {
  background: var(--color-surface-page);
}

.e1c-card {
  background: var(--color-surface-card);
  border-radius: var(--radius-card);
  box-shadow: 0 0 1px rgba(0, 0, 0, .12), 0 8px 32px rgba(0, 0, 0, .08);
}