:root {
  /* Brand: Axyneva Ribbon Spark palette */
  --axyneva-violet: #6a00f4;
  --axyneva-purple: #8b3dff;
  --axyneva-magenta: #c55cff;
  --axyneva-lavender: #e8d7ff;
  --axyneva-sky: #3da8ff;
  --axyneva-aqua: #00c9b7;
  --axyneva-mist: #f6f8ff;
  --axyneva-ink: #1f2937;
  --axyneva-navy: #150c40;
  --axyneva-deep-purple: #180642;
  --axyneva-gradient: linear-gradient(135deg, #c9b0ff 0%, #8b3dff 48%, #6a00f4 100%);
  --axyneva-hero-gradient: linear-gradient(135deg, #f6f8ff 0%, #f4ecff 55%, #e8d7ff 100%);

  /* Derived states -- not palette colours (brand standards s.2.1) */
  --axyneva-violet-deep: #5600c7;
  --axyneva-violet-mist: #f4ecff;

  /* Neutrals */
  --axyneva-slate: #344054;
  --axyneva-muted: #667085;
  --axyneva-border: #d0d5dd;
  --axyneva-grey-mist: #eaecf0;
  --axyneva-white: #ffffff;

  /* Semantics */
  --axyneva-success: #067647;
  --axyneva-success-bg: #ecfdf3;
  --axyneva-warning: #b54708;
  --axyneva-warning-bg: #fffaeb;
  --axyneva-error: #b42318;
  --axyneva-error-bg: #fef3f2;
  --axyneva-info: #026aa2;
  --axyneva-info-bg: #f0f9ff;

  /* Typography: Inter Display where installed, else Inter's optical sizing */
  --axyneva-font-display: "Inter Display", "Inter", Arial, sans-serif;
  --axyneva-font-body: "Inter", Arial, sans-serif;

  /* Spacing */
  --axyneva-space-1: 4px;
  --axyneva-space-2: 8px;
  --axyneva-space-3: 16px;
  --axyneva-space-4: 24px;
  --axyneva-space-5: 32px;
  --axyneva-space-6: 48px;
  --axyneva-space-7: 64px;

  /* Shape and elevation */
  --axyneva-radius-control: 8px;
  --axyneva-radius-card: 12px;
  --axyneva-radius-feature: 16px;
  --axyneva-shadow-card: 0 8px 24px rgba(21, 12, 64, 0.10);
  --axyneva-focus-ring: 0 0 0 2px #ffffff, 0 0 0 4px #6a00f4;
}

:root {
  /* Product aliases: preserve the palette while meeting small-text and UI contrast. */
  --axyneva-link: var(--axyneva-violet-deep);
  --axyneva-control-border: var(--axyneva-muted);
  --axyneva-text-small: 0.875rem;
  --axyneva-text-body: 1rem;
  --axyneva-text-action: 1.1875rem;
  --axyneva-text-title: clamp(1.75rem, 2.5vw, 2.5rem);
  --axyneva-line-height: 1.5;
  --axyneva-control-height: 44px;
  --axyneva-content-width: 1200px;
  --axyneva-workspace-width: 1800px;
  --axyneva-panel-width: 320px;
  --axyneva-canvas-height: 65vh;
  --axyneva-canvas-min-height: 400px;
}