[data-workspace="sofinco"] {
  /* Auto-generated accent ramp tuned to Sofinco's secondary cyan hue.
     --ws-accent-c capped at 0.12 to stay in sRGB gamut at all L steps. */
  --ws-accent-h: 187;
  --ws-accent-c: 0.12;

  /* Sofinco brand colours — exact OKLCH from #00334D and #0AEADC.
     - --ws-brand: navy, used for hover/focus identity moments.
     - --ws-brand-secondary: cyan pop. Fail WCAG body on white — use
       only for fills, chips, decorative accents. Never as body text. */
  --ws-brand: oklch(0.305 0.068 238.3);
  --ws-brand-secondary: oklch(0.844 0.147 187.1);

  /* The --ds-accent-* ramp is defined at :root with var() references to
     --ws-accent-h/c. Browsers don't re-resolve those inner var()s at
     this nested scope, so the ramp keeps its default purple values
     even when --ws-accent-h is overridden. Re-define the ramp here
     with workspace values pre-substituted. */
  --ds-accent-50:  oklch(0.97 calc(0.12 * 0.20) 187);
  --ds-accent-100: oklch(0.93 calc(0.12 * 0.40) 187);
  --ds-accent-200: oklch(0.86 calc(0.12 * 0.60) 187);
  --ds-accent-300: oklch(0.78 calc(0.12 * 0.80) 187);
  --ds-accent-400: oklch(0.70 calc(0.12 * 0.92) 187);
  --ds-accent-500: oklch(0.60 0.12 187);
  --ds-accent-600: oklch(0.52 0.12 187);
  --ds-accent-700: oklch(0.44 calc(0.12 * 0.92) 187);
  --ds-accent-800: oklch(0.34 calc(0.12 * 0.75) 187);
  --ds-accent-900: oklch(0.24 calc(0.12 * 0.55) 187);
  --ds-accent: var(--ds-accent-600);

  --ws-mark: "S";
  --ws-display-weight: 500;
  --ws-display-tracking: -0.018em;
}