/*
 * JDS opacity primitives, verified against the JDS Design System Figma
 * primitives export on 2026-09-14.
 *
 * Note on naming: paths map from Figma's "/" to CSS's "-" (jds/opacity/50 -->
 * --jds-opacity-50). The NAME keeps Figma's 0-100 scale; the VALUE is the CSS
 * 0-1 ratio.
 *
 * That conversion is the one dangerous transform in this folder. Figma stores
 * opacity as a percent-style integer (50), and CSS's `opacity` property wants a
 * ratio (0.5) — but `opacity: 50` is LEGAL CSS meaning fully opaque, so a
 * straight copy of the Figma number fails silently rather than loudly. Every
 * value below is the Figma number divided by 100.
 *
 * Moved here from docs/design-tokens/jds-root.css, which had already applied
 * the division correctly; this relocates the declarations without changing one
 * of them.
 */

:root {
  --jds-opacity-0: 0;
  --jds-opacity-3: 0.03;
  --jds-opacity-5: 0.05;
  --jds-opacity-10: 0.1;
  --jds-opacity-20: 0.2;
  --jds-opacity-30: 0.3;
  --jds-opacity-40: 0.4;
  --jds-opacity-50: 0.5;
  --jds-opacity-60: 0.6;
  --jds-opacity-70: 0.7;
  --jds-opacity-80: 0.8;
  --jds-opacity-90: 0.9;
  --jds-opacity-100: 1;
}