/* Design tokens — the single knob for the whole site (hand-maintained, NOT vendor).
   Loaded AFTER the frozen Webflow CSS so these :root values win the cascade:
   editing a canonical token retunes new components AND every legacy rule wired
   to the matching Webflow variable. Values today = identical to the export
   (parity gate must stay green when only the wiring changes). */

:root {
  /* canonical tokens — edit here */
  --color-background: #fefff2;
  --color-primary: #2e57e7;
  --color-secondary: #ff5a56;
  --color-secondary-text: #a82432;
  --color-dark-text: #141854;
  --color-neutral-50: white;
  --color-neutral-80: #f0f0f0;
  --color-neutral-100: #b5b5b5;
  --color-neutral-200: #919191;
  --color-neutral-300: #5f5f5f;
  --color-neutral-400: #404040;
  --color-neutral-500: #1d1d1d;

  /* auth surfaces (account-card grammar) — mirrored in src/app/(portal)/portal.css :root, keep in sync */
  --color-surface-cool: #f8f9fa;
  --color-divider: #eaedf0;
  --color-input-border: #dfe3e7;
  --color-placeholder: #adb5bd;
  --color-focus-ring: #6173e5;
  --color-button-hover: #353b41;
  --color-blob-blue: #a7b1f1;
  --color-blob-pink: #f1a7a7;
  --color-blob-yellow: #f6eecb;
  --color-error-bg: #fcf3ee;
  --color-success: #86c1a0;
  --color-success-text: #2f6f4e;
  --color-success-bg: #f2f8f5;

  --font-body: Miguersans, "Palatino Linotype", sans-serif;
  --font-special: Pogonia, "Palatino Linotype", sans-serif;
  --font-title: Monigue, "Palatino Linotype", sans-serif;

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 20px;

  /* section rhythm (Webflow's scale, kept as-is) */
  --section-gap-xs: 50px;
  --section-gap-sm: 80px;
  --section-gap-hero: 90px;
  --section-gap-md: 150px;
  --section-gap-lg: 175px;
  --section-gap-xl: 200px;

  /* legacy bridge — steers the frozen Webflow CSS with the canonical knobs.
     Same :root, later in the cascade => overrides the export's declarations. */
  --background: var(--color-background);
  --primary: var(--color-primary);
  --secondary: var(--color-secondary);
  --dark-text: var(--color-dark-text);
  --_neutral-color---50: var(--color-neutral-50);
  --_neutral-color---80: var(--color-neutral-80);
  --_neutral-color---100: var(--color-neutral-100);
  --_neutral-color---200: var(--color-neutral-200);
  --_neutral-color---300: var(--color-neutral-300);
  --_neutral-color---400: var(--color-neutral-400);
  --_neutral-color---500: var(--color-neutral-500);
  --_font-family---body: var(--font-body);
  --_font-family---special: var(--font-special);
  --_font-family---title: var(--font-title);
  --_border-radius---extra-small: var(--radius-xs);
  --_border-radius---small: var(--radius-sm);
  --_border-radius---medium: var(--radius-md);
  --_border-radius---large: var(--radius-lg);
  --_border-radius---extra-large: var(--radius-xl);
  --_gap---extra-small: var(--section-gap-xs);
  --_gap---small: var(--section-gap-sm);
  --_gap---hero-section: var(--section-gap-hero);
  --_gap---medium: var(--section-gap-md);
  --_gap---large: var(--section-gap-lg);
  --_gap---extra-large: var(--section-gap-xl);
}

/* Published catalogue parity: the current Webflow stylesheet tightened card
   copy and suppresses empty nested CMS states. Keep vendor CSS frozen. */
@media screen and (min-width: 768px) {
  .paragraph-small-12 {
    letter-spacing: -0.44px;
  }
}

.empty-state-2.w-dyn-empty {
  display: none !important;
}