/* Generated by @osmanbits/design-tokens from tokens/styles/neumorphic. Do not edit. */
[data-style="neumorphic"] {
  --style-radius-sm: 0.375rem;
  --style-radius-md: 0.75rem;
  --style-radius-lg: 1.25rem;
  --style-radius-xl: 1.5rem;
  --style-radius-full: 999px;
  --style-shape-control: var(--style-radius-md);
  --style-shape-field: var(--style-radius-md);
  --style-shape-container: var(--style-radius-lg);
  --style-shape-dialog: var(--style-radius-xl);
  --style-shape-checkbox: var(--style-radius-sm);
  --style-shape-badge: var(--style-radius-full);
  --style-shape-switch: var(--style-radius-full);
  --style-shape-toast: var(--style-radius-md);
  --style-shape-tab-indicator: var(--style-radius-full);
  --style-surface-container: var(--style-surface-page);
  --style-surface-container-high: var(--style-surface-page);
  --style-surface-control: var(--style-surface-page);
  --style-surface-field: var(--style-surface-page);
  --style-on-surface: var(--semantic-text-primary);
  --style-on-surface-variant: var(--semantic-text-secondary);
  --style-toast-bg: var(--semantic-bg-inverse);
  --style-toast-fg: var(--semantic-text-inverse);
  --style-switch-thumb-off: var(--semantic-text-secondary);
  --style-focus-ring-width: 3px;
  --style-focus-ring-offset: 3px;
  --style-focus-ring-color: var(--semantic-focus-ring);
  --style-border-width-control: 2px;
  --style-border-width-container: 1px;
  --style-border-color-container: var(--semantic-border-default);
  --style-border-color-divider: var(--semantic-border-default);
  --style-border-color-error: var(--semantic-status-danger-fg);
  --style-field-border-width: 2px;
  --style-field-border-width-focus: 2px;
  --style-field-indicator-width: 0px;
  --style-field-shadow: var(--style-elevation-inset);
  --style-state-hover-opacity: 0.08;
  --style-state-focus-opacity: 0.12;
  --style-state-pressed-opacity: 0.16;
  --style-state-disabled-content-opacity: 0.38;
  --style-state-disabled-container-opacity: 0.12;
  --style-density-control-height: 3rem;
  --style-density-touch-target: 3rem;
  --style-density-control-padding-inline: 1.5rem;
  --style-density-field-padding-inline: 1rem;
  --style-density-field-padding-block: 0.75rem;
  --style-density-container-padding: 1.5rem;
  --style-density-gap: 1rem;
  --style-motion-duration-short: 150ms;
  --style-motion-duration-medium: 250ms;
  --style-motion-easing-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --style-motion-easing-emphasized: cubic-bezier(0.2, 0, 0, 1);
  --style-font-weight-control: 600;
  --style-font-weight-heading: 700;
  --style-letter-spacing-control: 0.01rem;
  --style-surface-page: color-mix(in srgb, var(--semantic-bg-canvas) 93%, var(--semantic-text-primary));
  --style-elevation-0: none;
  --style-elevation-1: 0.25rem 0.25rem 0.5rem color-mix(in srgb, var(--style-surface-page) 80%, black), -0.25rem -0.25rem 0.5rem color-mix(in srgb, var(--style-surface-page) 30%, white);
  --style-elevation-2: 0.375rem 0.375rem 0.75rem color-mix(in srgb, var(--style-surface-page) 80%, black), -0.375rem -0.375rem 0.75rem color-mix(in srgb, var(--style-surface-page) 30%, white);
  --style-elevation-3: 0.5rem 0.5rem 1rem color-mix(in srgb, var(--style-surface-page) 80%, black), -0.5rem -0.5rem 1rem color-mix(in srgb, var(--style-surface-page) 30%, white);
  --style-elevation-control: 0.25rem 0.25rem 0.5rem color-mix(in srgb, var(--style-surface-page) 80%, black), -0.25rem -0.25rem 0.5rem color-mix(in srgb, var(--style-surface-page) 30%, white);
  --style-elevation-control-hover: 0.375rem 0.375rem 0.75rem color-mix(in srgb, var(--style-surface-page) 80%, black), -0.375rem -0.375rem 0.75rem color-mix(in srgb, var(--style-surface-page) 30%, white);
  --style-elevation-control-pressed: inset 0.1875rem 0.1875rem 0.375rem color-mix(in srgb, var(--style-surface-page) 80%, black), inset -0.1875rem -0.1875rem 0.375rem color-mix(in srgb, var(--style-surface-page) 30%, white);
  --style-elevation-inset: inset 0.1875rem 0.1875rem 0.375rem color-mix(in srgb, var(--style-surface-page) 80%, black), inset -0.1875rem -0.1875rem 0.375rem color-mix(in srgb, var(--style-surface-page) 30%, white);
  --style-border-color-control: var(--semantic-border-strong);
  --style-field-border-color: var(--semantic-border-strong);
}
[data-style="neumorphic"][data-theme="dark"] {
  --style-surface-page: color-mix(in srgb, var(--semantic-bg-surface) 92%, var(--semantic-text-primary));
  --style-elevation-0: none;
  --style-elevation-1: 0.25rem 0.25rem 0.5rem color-mix(in srgb, var(--style-surface-page) 45%, black), -0.25rem -0.25rem 0.5rem color-mix(in srgb, var(--style-surface-page) 88%, white);
  --style-elevation-2: 0.375rem 0.375rem 0.75rem color-mix(in srgb, var(--style-surface-page) 45%, black), -0.375rem -0.375rem 0.75rem color-mix(in srgb, var(--style-surface-page) 88%, white);
  --style-elevation-3: 0.5rem 0.5rem 1rem color-mix(in srgb, var(--style-surface-page) 45%, black), -0.5rem -0.5rem 1rem color-mix(in srgb, var(--style-surface-page) 88%, white);
  --style-elevation-control: 0.25rem 0.25rem 0.5rem color-mix(in srgb, var(--style-surface-page) 45%, black), -0.25rem -0.25rem 0.5rem color-mix(in srgb, var(--style-surface-page) 88%, white);
  --style-elevation-control-hover: 0.375rem 0.375rem 0.75rem color-mix(in srgb, var(--style-surface-page) 45%, black), -0.375rem -0.375rem 0.75rem color-mix(in srgb, var(--style-surface-page) 88%, white);
  --style-elevation-control-pressed: inset 0.1875rem 0.1875rem 0.375rem color-mix(in srgb, var(--style-surface-page) 45%, black), inset -0.1875rem -0.1875rem 0.375rem color-mix(in srgb, var(--style-surface-page) 88%, white);
  --style-elevation-inset: inset 0.1875rem 0.1875rem 0.375rem color-mix(in srgb, var(--style-surface-page) 45%, black), inset -0.1875rem -0.1875rem 0.375rem color-mix(in srgb, var(--style-surface-page) 88%, white);
  --style-border-color-control: color-mix(in srgb, var(--semantic-border-strong) 65%, var(--semantic-text-secondary));
  --style-field-border-color: color-mix(in srgb, var(--semantic-border-strong) 65%, var(--semantic-text-secondary));
}