/* dsgn theme "DSGN" — generated from ../dsgn.theme.mjs by `dsgn theme`. Do not edit; change the config and run it again. */
@layer dsgn.tokens, dsgn.theme, dsgn.components;
@layer dsgn.theme {
  :root {
    /* neutral: hue 35.2, chroma 0.004 */
    --dsgn-neutral-99: oklch(99% 0.0003 35.2);
    --dsgn-neutral-97: oklch(97% 0.0006 35.2);
    --dsgn-neutral-94: oklch(94% 0.001 35.2);
    --dsgn-neutral-90: oklch(90% 0.0014 35.2);
    --dsgn-neutral-85: oklch(85% 0.002 35.2);
    --dsgn-neutral-76: oklch(76% 0.0029 35.2);
    --dsgn-neutral-70: oklch(70% 0.0034 35.2);
    --dsgn-neutral-64: oklch(64% 0.0038 35.2);
    --dsgn-neutral-54: oklch(54% 0.004 35.2);
    --dsgn-neutral-46: oklch(46% 0.0038 35.2);
    --dsgn-neutral-38: oklch(38% 0.0034 35.2);
    --dsgn-neutral-30: oklch(30% 0.0026 35.2);
    --dsgn-neutral-26: oklch(26% 0.0021 35.2);
    --dsgn-neutral-22: oklch(22% 0.0016 35.2);
    --dsgn-neutral-18: oklch(18% 0.0012 35.2);
    --dsgn-neutral-14: oklch(14% 0.001 35.2);
    /* accent: hue 35.2, chroma 0.2301 */
    --dsgn-accent-99: oklch(99% 0.0049 35.2);
    --dsgn-accent-97: oklch(97% 0.015 35.2);
    --dsgn-accent-94: oklch(94% 0.0308 35.2);
    --dsgn-accent-90: oklch(90% 0.0531 35.2);
    --dsgn-accent-85: oklch(85% 0.0833 35.2);
    --dsgn-accent-76: oklch(76% 0.1455 35.2);
    --dsgn-accent-70: oklch(70% 0.1937 35.2);
    --dsgn-accent-64: oklch(64% 0.2209 35.2);
    --dsgn-accent-54: oklch(54% 0.1885 35.2);
    --dsgn-accent-46: oklch(46% 0.1606 35.2);
    --dsgn-accent-38: oklch(38% 0.1327 35.2);
    --dsgn-accent-30: oklch(30% 0.1047 35.2);
    --dsgn-accent-26: oklch(26% 0.0908 35.2);
    --dsgn-accent-22: oklch(22% 0.0768 35.2);
    --dsgn-accent-18: oklch(18% 0.0629 35.2);
    --dsgn-accent-14: oklch(14% 0.0489 35.2);
    /* exact brand colour: logos and illustrations, not for text or controls (no contrast guarantee) */
    --dsgn-brand: #FF4400;
  }
  /* default radius: sharp (a data-radius attribute on the page still wins) */
  :root:not([data-radius]) {
    --dsgn-radius-s: 0;
    --dsgn-radius-m: 0;
    --dsgn-radius-l: 0;
  }
  @supports (width: round(1px, 1px)) {
    :root:not([data-radius]) {
      --dsgn-radius-s: 0;
      --dsgn-radius-m: 0;
      --dsgn-radius-l: 0;
    }
  }
}