/* dsgn theme "Evano" — 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 73, chroma 0.04 */
    --dsgn-neutral-99: oklch(99% 0.0032 73);
    --dsgn-neutral-97: oklch(97% 0.0064 73);
    --dsgn-neutral-94: oklch(94% 0.0104 73);
    --dsgn-neutral-90: oklch(90% 0.0144 73);
    --dsgn-neutral-85: oklch(85% 0.02 73);
    --dsgn-neutral-76: oklch(76% 0.0288 73);
    --dsgn-neutral-70: oklch(70% 0.0344 73);
    --dsgn-neutral-64: oklch(64% 0.0384 73);
    --dsgn-neutral-54: oklch(54% 0.04 73);
    --dsgn-neutral-46: oklch(46% 0.0376 73);
    --dsgn-neutral-38: oklch(38% 0.0336 73);
    --dsgn-neutral-30: oklch(30% 0.0264 73);
    --dsgn-neutral-26: oklch(26% 0.0208 73);
    --dsgn-neutral-22: oklch(22% 0.016 73);
    --dsgn-neutral-18: oklch(18% 0.012 73);
    --dsgn-neutral-14: oklch(14% 0.0096 73);
    /* accent: hue 155, chroma 0.042 */
    --dsgn-accent-99: oklch(99% 0.0034 155);
    --dsgn-accent-97: oklch(97% 0.0067 155);
    --dsgn-accent-94: oklch(94% 0.0109 155);
    --dsgn-accent-90: oklch(90% 0.0151 155);
    --dsgn-accent-85: oklch(85% 0.021 155);
    --dsgn-accent-76: oklch(76% 0.0302 155);
    --dsgn-accent-70: oklch(70% 0.0361 155);
    --dsgn-accent-64: oklch(64% 0.0403 155);
    --dsgn-accent-54: oklch(54% 0.042 155);
    --dsgn-accent-46: oklch(46% 0.0395 155);
    --dsgn-accent-38: oklch(38% 0.0353 155);
    --dsgn-accent-30: oklch(30% 0.0277 155);
    --dsgn-accent-26: oklch(26% 0.0218 155);
    --dsgn-accent-22: oklch(22% 0.0168 155);
    --dsgn-accent-18: oklch(18% 0.0126 155);
    --dsgn-accent-14: oklch(14% 0.0101 155);
    /* accent fill: stronger */
    --dsgn-accent-fill-light: var(--dsgn-accent-38);
    --dsgn-accent-fill-hover-light: var(--dsgn-accent-30);
    --dsgn-accent-fill-pressed-light: var(--dsgn-accent-26);
    --dsgn-control-fill-light: var(--dsgn-accent-38);
    --dsgn-control-fill-hover-light: var(--dsgn-accent-30);
    --dsgn-control-fill-pressed-light: var(--dsgn-accent-26);
    --dsgn-accent-fill-dark: var(--dsgn-accent-76);
    --dsgn-accent-fill-hover-dark: var(--dsgn-accent-85);
    --dsgn-accent-fill-pressed-dark: var(--dsgn-accent-90);
    --dsgn-control-fill-dark: var(--dsgn-accent-76);
    --dsgn-control-fill-hover-dark: var(--dsgn-accent-85);
    --dsgn-control-fill-pressed-dark: var(--dsgn-accent-90);
  }
  /* default density: l (a data-density attribute on the page still wins) */
  :root:not([data-density]) {
    --dsgn-control-font-size: calc(4 * var(--dsgn-unit));
    --dsgn-control-line-height: calc(6 * var(--dsgn-unit));
    --dsgn-control-pad-y: calc(2.5 * var(--dsgn-unit));
    --dsgn-control-pad-x: calc(5 * var(--dsgn-unit));
    --dsgn-control-gap: calc(2 * var(--dsgn-unit));
    --dsgn-control-indicator: calc(5 * var(--dsgn-unit));
    --dsgn-row-pad-y: calc(3.5 * var(--dsgn-unit));
    --dsgn-inset: calc(6 * var(--dsgn-unit));
    --dsgn-stack: calc(4 * var(--dsgn-unit));
    --dsgn-icon-optical-size: 24;
    --dsgn-control-height: calc(var(--dsgn-control-line-height) + 2 * var(--dsgn-control-pad-y));
  }
  @supports (width: round(1px, 1px)) {
    :root:not([data-density]) {
      --dsgn-control-font-size: calc(4 * var(--dsgn-unit));
      --dsgn-control-line-height: round(up, calc(6 * var(--dsgn-unit)), 2px);
      --dsgn-control-pad-y: round(nearest, calc(2.5 * var(--dsgn-unit)), 2px);
      --dsgn-control-pad-x: round(nearest, calc(5 * var(--dsgn-unit)), 2px);
      --dsgn-control-gap: round(nearest, calc(2 * var(--dsgn-unit)), 2px);
      --dsgn-control-indicator: round(nearest, calc(5 * var(--dsgn-unit)), 2px);
      --dsgn-row-pad-y: round(nearest, calc(3.5 * var(--dsgn-unit)), 2px);
      --dsgn-inset: round(nearest, calc(6 * var(--dsgn-unit)), 2px);
      --dsgn-stack: round(nearest, calc(4 * var(--dsgn-unit)), 2px);
    }
  }
  /* default radius: pill (a data-radius attribute on the page still wins) */
  :root:not([data-radius]) {
    --dsgn-radius-s: calc(1.5 * var(--dsgn-unit));
    --dsgn-radius-m: 9999px;
    --dsgn-radius-l: calc(6 * var(--dsgn-unit));
  }
  @supports (width: round(1px, 1px)) {
    :root:not([data-radius]) {
      --dsgn-radius-s: round(nearest, calc(1.5 * var(--dsgn-unit)), 2px);
      --dsgn-radius-m: 9999px;
      --dsgn-radius-l: round(nearest, calc(6 * var(--dsgn-unit)), 2px);
    }
  }
  /* default elevation: soft (a data-elevation attribute on the page still wins) */
  :root:not([data-elevation]) {
    --dsgn-elevation-control-y: 1px;
    --dsgn-elevation-control-blur: 2px;
    --dsgn-elevation-raised-y: 1px;
    --dsgn-elevation-raised-blur: 3px;
    --dsgn-elevation-raised-y2: 4px;
    --dsgn-elevation-raised-blur2: 12px;
    --dsgn-shadow-control: 0 var(--dsgn-elevation-control-y) var(--dsgn-elevation-control-blur) var(--dsgn-shadow-color);
    --dsgn-shadow-raised: 0 var(--dsgn-elevation-raised-y) var(--dsgn-elevation-raised-blur) var(--dsgn-shadow-color), 0 var(--dsgn-elevation-raised-y2) var(--dsgn-elevation-raised-blur2) var(--dsgn-shadow-color-soft);
  }
}