/**
 * Ciprosoft — design tokens (N8n / Refero dark theme)
 */
:root {
  --color-void-base: #0e0918;
  --color-elevated-surface: #1a1624;
  --color-deep-panel: #1b1728;
  --color-muted-shell: #2c2834;
  --color-border-smoke: #3e3a46;
  --color-ash-text: #d1cece;
  --color-fog-text: #9d9797;
  --color-silver-rail: #e5e7eb;
  --color-cloud-white: #ffffff;
  --color-steel-muted: #48556a;
  --gradient-ember-cta: linear-gradient(
    30deg,
    rgb(253, 137, 37),
    rgb(255, 12, 0)
  );
  --gradient-electric-current: linear-gradient(
    141deg,
    rgb(7, 122, 199),
    rgb(107, 33, 239)
  );
  --gradient-footer-rose: radial-gradient(
    circle farthest-side at 100% -80%,
    rgba(175, 106, 140, 0.46),
    rgba(98, 65, 83, 0.38) 39%,
    rgba(0, 0, 0, 0) 55%
  );
  --gradient-atmospheric-ember: radial-gradient(
    126.99% 234.27% at 10.15% 142.35%,
    rgba(217, 126, 75, 0.133) 0%,
    rgba(255, 255, 255, 0) 37%
  );

  --font-display: "DM Sans", ui-sans-serif, system-ui, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-weight-light: 300;
  --font-weight-regular: 400;

  --text-caption: 12px;
  --leading-caption: 1.5;
  --text-body-sm: 14px;
  --leading-body-sm: 1.5;
  --text-body: 16px;
  --leading-body: 1.5;
  --tracking-body: -0.29px;
  --text-subheading: 18px;
  --leading-subheading: 1.4;
  --text-heading-sm: 20px;
  --leading-heading-sm: 1.25;
  --text-heading: 24px;
  --leading-heading: 1.2;
  --tracking-heading: -0.17px;
  --text-heading-lg: 48px;
  --leading-heading-lg: 0.94;
  --tracking-heading-lg: -0.86px;
  --text-display: clamp(2.25rem, 5vw, 3.375rem);
  --leading-display: 0.88;
  --tracking-display: -0.018em;

  --spacing-8: 8px;
  --spacing-16: 16px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-128: 128px;

  --page-max-width: 1200px;
  --section-gap: clamp(64px, 12vw, 120px);
  --element-gap: 24px;

  --radius-buttons: 8px;
  --radius-cards: 16px;
  --radius-cards-lg: 24px;
  --radius-nodes: 12px;

  --shadow-subtle-2: rgba(255, 255, 255, 0.1) 0 0 0 1px inset,
    rgba(255, 142, 93, 0.3) 0 1px 0 0 inset;
  --shadow-sm: rgba(0, 0, 0, 0.26) 0 0 8px 0;

  --nav-height: 66px;
  --content-narrow: 720px;
}