/*
 * Colors from Figma: styles / colors
 * Brand primary is CMS-variable per year; default matches Figma.
 */

:root {
  --dk-color-brand-primary: #0cf68c;
  --dk-color-brand-secondary-01: #fa9dff;
  --dk-color-brand-secondary-02: #e4ff34;

  --dk-color-black: #000000;
  --dk-color-black-50: rgb(0 0 0 / 0.5);
  --dk-color-black-20: rgb(0 0 0 / 0.2);

  --dk-color-white: #ffffff;
  --dk-color-white-20: rgb(255 255 255 / 0.2);

  --dk-color-gray-light: #f1f1f1;
  --dk-color-disabled: #bfbfbf;

  /* Focus ring (Figma "focus state") */
  --dk-color-focus: #008eff;
}