/* Able Potato v6: approved identity reference tokens.
   Products adopt these tokens through their own verified releases.
   Supplied raster illustration colors are preserved independently. */
:root {
  color-scheme: dark;
  --able-bg: #050812;
  --able-panel: #0d111f;
  --able-cyan: #26caee;
  --able-magenta: #d043a1;
  --able-white: #ffffff;
  --able-text: rgba(255, 255, 255, .82);
  --able-muted: rgba(255, 255, 255, .68);
  --able-border: rgba(38, 202, 238, .32);
  --able-divider: rgba(38, 202, 238, .16);
  --able-display: "Nunito Sans", ui-rounded, system-ui, sans-serif;
  --able-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --able-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --able-radius-control: 12px;
  --able-radius-panel: 20px;
  --able-radius-feature: 24px;
  --able-space-1: .25rem;
  --able-space-2: .5rem;
  --able-space-3: .75rem;
  --able-space-4: 1rem;
  --able-space-6: 1.5rem;
  --able-space-8: 2rem;
  --able-space-12: 3rem;
  --able-focus: 2px solid var(--able-cyan);
  --able-focus-offset: 5px;
  --able-bloom: 0 0 20px rgba(208, 67, 161, .14), 18px 20px 60px -22px rgba(208, 67, 161, .24);
  --able-motion-fast: 160ms;
}

/* Cyan structures the interface. Magenta is decorative light.
   Keep essential text white or cyan on opaque navy panels.
   Preserve product semantic data colors and state meanings.
   Each application must verify its own contrast and responsive behavior.
   Honor reduced motion, forced colors, and higher contrast preferences.
   Never let atmosphere or clipping obscure a focus indicator. */