/* Denar's tokens under stable names, generated by packages/ui/build/tokens-css.ts
   from the kit's src/tokens and src/themes: never edit this file. A page sets
   data-mode, data-surface and data-density on <html>; with no data-mode it
   follows the system's light or dark. */

:root {
  color-scheme: light;
  --denar-accent-solid: var(--denar-brand-ink);
  --denar-accent-hover: var(--denar-brand-ink-hover);
  --denar-accent-pressed: var(--denar-brand-ink-pressed);
  --denar-accent-on-solid: var(--denar-brand-ink-on-solid);
  --denar-accent-text: var(--denar-brand-ink);
  --denar-accent-tint: var(--denar-brand-ink-tint);
  --denar-accent-mark: var(--denar-brand-mark);
  --denar-brand-solid: oklch(0.417 0.154 19.2);
  --denar-brand-hover: oklch(0.37 0.145 19.2);
  --denar-brand-pressed: oklch(0.33 0.13 19.2);
  --denar-brand-on-solid: oklch(0.975 0.0026 85);
  --denar-brand-text: oklch(0.417 0.154 19.2);
  --denar-brand-tint: oklch(0.215 0.0025 85 / 0.06);
  --denar-brand-mark: oklch(0.417 0.154 19.2);
  --denar-brand-ink: oklch(0.215 0.0025 85);
  --denar-brand-ink-hover: oklch(0.215 0.0025 85 / 0.88);
  --denar-brand-ink-pressed: oklch(0.215 0.0025 85 / 0.8);
  --denar-brand-ink-on-solid: oklch(0.975 0.0026 85);
  --denar-brand-ink-tint: oklch(0.215 0.0025 85 / 0.06);
  --denar-attention-text: oklch(0.5 0.085 65);
  --denar-attention-rule: oklch(0.56 0.1 68);
  --denar-attention-tint: oklch(0.95 0.03 80);
  --denar-border-subtle: oklch(0.89 0.0039 85);
  --denar-border-subtle-on-raised: oklch(0.89 0.0039 85);
  --denar-border-control: oklch(0.6 0.008 85);
  --denar-border-strong: oklch(0.68 0.0069 85);
  --denar-chart-s1: oklch(0.32 0.004 85);
  --denar-chart-s2: oklch(0.54 0.0071 85);
  --denar-chart-s3: oklch(0.68 0.024 75);
  --denar-chart-s4: oklch(0.76 0.0057 85);
  --denar-chart-s5: oklch(0.89 0.0039 85);
  --denar-chart-grid: var(--denar-border-subtle);
  --denar-chart-axis: var(--denar-text-secondary);
  --denar-focus-ring: oklch(0.215 0.0025 85 / var(--denar-focus-ring-alpha));
  --denar-focus-selection: oklch(0.215 0.0025 85 / 0.14);
  --denar-focus-ring-alpha: 0.7;
  --denar-focus-ring-width: 3px;
  --denar-focus-ring-offset: 1px;
  --denar-status-danger-solid: oklch(0.5 0.15 28);
  --denar-status-danger-on-solid: oklch(1 0 0);
  --denar-status-danger-text: oklch(0.5 0.15 28);
  --denar-status-danger-tint: oklch(0.95 0.022 25);
  --denar-status-warning-text: var(--denar-attention-text);
  --denar-status-warning-solid: var(--denar-attention-rule);
  --denar-status-warning-tint: var(--denar-attention-tint);
  --denar-status-success-text: oklch(0.47 0.075 155);
  --denar-status-success-solid: oklch(0.52 0.085 155);
  --denar-status-success-tint: oklch(0.945 0.022 155);
  --denar-status-info-text: oklch(0.48 0.07 245);
  --denar-status-info-solid: oklch(0.52 0.08 245);
  --denar-status-info-tint: oklch(0.95 0.015 245);
  --denar-surface-canvas: oklch(0.965 0.0028 85);
  --denar-surface-raised: oklch(0.99 0.0024 85);
  --denar-surface-overlay: oklch(0.99 0.0024 85);
  --denar-surface-sunken: oklch(0.935 0.0032 85);
  --denar-surface-control: oklch(0.95 0.003 85);
  --denar-surface-hover: oklch(0.935 0.0032 85);
  --denar-surface-pressed: oklch(0.915 0.0035 85);
  --denar-surface-selected: var(--denar-accent-tint);
  --denar-surface-inverse: oklch(0.215 0.0025 85);
  --denar-text-primary: oklch(0.215 0.0025 85);
  --denar-text-secondary: oklch(0.48 0.0063 85);
  --denar-text-disabled: oklch(0.48 0.0063 85 / 0.6);
  --denar-text-inverse: oklch(0.965 0.0028 85);
  --denar-density-control-sm: 2rem;
  --denar-density-control-md: 2.25rem;
  --denar-density-control-lg: 2.5rem;
  --denar-density-target-min: 2rem;
  --denar-density-row: 2.5rem;
  --denar-density-head: 2.25rem;
  --denar-density-cell-pad-x: 0.75rem;
  --denar-density-cell-pad-y: 0.5rem;
  --denar-density-card-pad: 1.25rem;
  --denar-density-gap-stack: 0.75rem;
  --denar-density-gap-inline: 0.5rem;
  --denar-density-icon: 1rem;
  --denar-density-text-body: var(--denar-type-body-size);
  --denar-density-text-action: var(--denar-type-body-size);
  --denar-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --denar-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --denar-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --denar-floor-room: oklch(0.965 0.0028 85);
  --denar-floor-rooms: oklch(0.95 0.003 85);
  --denar-floor-terrace: oklch(0.935 0.0032 85);
  --denar-floor-service: oklch(0.95 0.003 85);
  --denar-floor-delivery: oklch(0.975 0.0026 85);
  --denar-floor-free: oklch(0.915 0.0035 85);
  --denar-floor-free-edge: oklch(0.84 0.0046 85);
  --denar-floor-wall: oklch(0.6 0.008 85);
  --denar-floor-door: oklch(0.68 0.024 75);
  --denar-floor-warn: oklch(0.78 0.12 78);
  --denar-floor-on-warn: oklch(0.22 0.03 65);
  --denar-floor-late: oklch(0.5 0.15 28);
  --denar-floor-on-late: oklch(1 0 0);
  --denar-duration-instant: 100ms;
  --denar-duration-fast: 150ms;
  --denar-duration-base: 200ms;
  --denar-duration-slow: 300ms;
  --denar-duration-deliberate: 500ms;
  --denar-duration-emphatic: 900ms;
  --denar-duration-ambient: 2400ms;
  --denar-easing-standard: cubic-bezier(0.2, 0.6, 0.2, 1);
  --denar-easing-exit: cubic-bezier(0.4, 0, 1, 1);
  --denar-easing-expressive: cubic-bezier(0.22, 1, 0.36, 1);
  --denar-easing-draw: cubic-bezier(0.32, 0.72, 0.35, 1);
  --denar-easing-linear: linear;
  --denar-radius-scale: 1;
  --denar-radius-none: 0px;
  --denar-radius-xs: calc(0.125rem * var(--denar-radius-scale));
  --denar-radius-sm: calc(0.25rem * var(--denar-radius-scale));
  --denar-radius-control: calc(0.375rem * var(--denar-radius-scale));
  --denar-radius-container: calc(0.5rem * var(--denar-radius-scale));
  --denar-radius-frame: calc(0.75rem * var(--denar-radius-scale));
  --denar-radius-sheet: calc(1rem * var(--denar-radius-scale));
  --denar-radius-full: 9999px;
  --denar-scheme-light-only: block;
  --denar-scheme-dark-only: none;
  --denar-space-0: 0px;
  --denar-space-2: 0.125rem;
  --denar-space-4: 0.25rem;
  --denar-space-6: 0.375rem;
  --denar-space-8: 0.5rem;
  --denar-space-10: 0.625rem;
  --denar-space-12: 0.75rem;
  --denar-space-16: 1rem;
  --denar-space-20: 1.25rem;
  --denar-space-24: 1.5rem;
  --denar-space-32: 2rem;
  --denar-space-40: 2.5rem;
  --denar-space-48: 3rem;
  --denar-space-64: 4rem;
  --denar-space-80: 5rem;
  --denar-space-96: 6rem;
  --denar-space-128: 8rem;
  --denar-font-sans: "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --denar-type-caption-size: 0.75rem;
  --denar-type-caption-leading: 1rem;
  --denar-type-caption-floor: 0.625rem;
  --denar-type-label-size: 0.75rem;
  --denar-type-label-leading: 1rem;
  --denar-type-label-weight: 500;
  --denar-type-body-size: 0.875rem;
  --denar-type-body-leading: 1.25rem;
  --denar-type-strong-weight: 500;
  --denar-type-section-size: 0.9375rem;
  --denar-type-section-leading: 1.375rem;
  --denar-type-page-size: 1.25rem;
  --denar-type-page-leading: 1.75rem;
  --denar-type-figure-size: 1.75rem;
  --denar-type-figure-leading: 2.125rem;
  --denar-type-code-size: 1.125rem;
  --denar-type-code-leading: 1.625rem;
  --denar-type-display-sm-size: 2rem;
  --denar-type-display-sm-leading: 2.25rem;
  --denar-type-display-md-size: 2.5rem;
  --denar-type-display-md-leading: 2.75rem;
  --denar-type-display-lg-size: 3rem;
  --denar-type-display-lg-leading: 3.25rem;
  --denar-type-display-xl-size: 4.5rem;
  --denar-type-display-xl-leading: 4.75rem;
  --denar-voice-title-family: var(--denar-font-sans);
  --denar-voice-title-weight: 600;
  --denar-voice-title-tracking: -0.02em;
  --denar-voice-page-size: var(--denar-type-page-size);
  --denar-voice-page-leading: var(--denar-type-page-leading);
  --denar-voice-figure-family: var(--denar-font-sans);
  --denar-voice-control-weight: 500;
}

@media print {
  :root {
    --denar-attention-text: oklch(0.42 0 0);
    --denar-attention-rule: oklch(0.42 0 0);
    --denar-attention-tint: oklch(0.96 0 0);
    --denar-border-subtle: oklch(0.78 0 0);
    --denar-border-subtle-on-raised: oklch(0.78 0 0);
    --denar-border-control: oklch(0.60 0 0);
    --denar-border-strong: oklch(0.42 0 0);
    --denar-status-danger-solid: oklch(0.30 0 0);
    --denar-status-danger-on-solid: oklch(1 0 0);
    --denar-status-danger-text: oklch(0.30 0 0);
    --denar-status-danger-tint: oklch(0.30 0 0 / 0.08);
    --denar-status-success-text: oklch(0 0 0);
    --denar-status-success-solid: oklch(0.42 0 0);
    --denar-status-success-tint: oklch(0.96 0 0);
    --denar-status-info-text: oklch(0.42 0 0);
    --denar-status-info-solid: oklch(0.42 0 0);
    --denar-status-info-tint: oklch(0.96 0 0);
    --denar-surface-canvas: oklch(1 0 0);
    --denar-surface-raised: oklch(1 0 0);
    --denar-surface-overlay: oklch(1 0 0);
    --denar-surface-sunken: oklch(0.96 0 0);
    --denar-surface-control: oklch(0.96 0 0);
    --denar-surface-hover: oklch(0.96 0 0);
    --denar-surface-pressed: oklch(0.93 0 0);
    --denar-surface-inverse: oklch(0 0 0);
    --denar-text-primary: oklch(0 0 0);
    --denar-text-secondary: oklch(0.42 0 0);
    --denar-text-disabled: oklch(0.42 0 0 / 0.6);
    --denar-text-inverse: oklch(1 0 0);
    --denar-shadow-xs: none;
    --denar-shadow-md: none;
    --denar-shadow-lg: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --denar-duration-instant: 0ms;
    --denar-duration-fast: 0ms;
    --denar-duration-base: 0ms;
    --denar-duration-slow: 0ms;
    --denar-duration-deliberate: 0ms;
    --denar-duration-emphatic: 0ms;
    --denar-duration-ambient: 0ms;
  }
}

@media screen {
  [data-mode="dark"] {
    color-scheme: dark;
    --denar-brand-solid: oklch(0.417 0.154 19.2);
    --denar-brand-hover: oklch(0.37 0.145 19.2);
    --denar-brand-pressed: oklch(0.33 0.13 19.2);
    --denar-brand-on-solid: oklch(0.975 0.0026 85);
    --denar-brand-text: oklch(0.712 0.170 13.2);
    --denar-brand-tint: oklch(0.95 0.003 85 / 0.08);
    --denar-brand-mark: oklch(0.712 0.170 13.2);
    --denar-brand-ink: oklch(0.95 0.003 85);
    --denar-brand-ink-hover: oklch(0.95 0.003 85 / 0.88);
    --denar-brand-ink-pressed: oklch(0.95 0.003 85 / 0.8);
    --denar-brand-ink-on-solid: oklch(0.17 0.002 85);
    --denar-brand-ink-tint: oklch(0.95 0.003 85 / 0.08);
    --denar-attention-text: oklch(0.8 0.09 78);
    --denar-attention-rule: oklch(0.76 0.11 75);
    --denar-attention-tint: oklch(0.28 0.03 70);
    --denar-border-subtle: oklch(0.28 0.0034 85);
    --denar-border-subtle-on-raised: oklch(0.32 0.004 85);
    --denar-border-control: oklch(0.54 0.0071 85);
    --denar-border-strong: oklch(0.4 0.0051 85);
    --denar-chart-s1: oklch(0.89 0.0039 85);
    --denar-chart-s2: oklch(0.76 0.0057 85);
    --denar-chart-s3: oklch(0.68 0.024 75);
    --denar-chart-s4: oklch(0.44 0.0057 85);
    --denar-chart-s5: oklch(0.4 0.0051 85);
    --denar-focus-ring: oklch(0.95 0.003 85 / var(--denar-focus-ring-alpha));
    --denar-focus-selection: oklch(0.95 0.003 85 / 0.22);
    --denar-status-danger-solid: oklch(0.68 0.14 25);
    --denar-status-danger-on-solid: oklch(0.17 0.002 85);
    --denar-status-danger-text: oklch(0.73 0.13 25);
    --denar-status-danger-tint: oklch(0.28 0.04 25);
    --denar-status-success-text: oklch(0.78 0.075 155);
    --denar-status-success-solid: oklch(0.72 0.085 155);
    --denar-status-success-tint: oklch(0.27 0.03 155);
    --denar-status-info-text: oklch(0.78 0.065 245);
    --denar-status-info-solid: oklch(0.72 0.07 245);
    --denar-status-info-tint: oklch(0.27 0.025 245);
    --denar-surface-canvas: oklch(0.17 0.002 85);
    --denar-surface-raised: oklch(0.215 0.0025 85);
    --denar-surface-overlay: oklch(0.215 0.0025 85);
    --denar-surface-sunken: oklch(0.25 0.003 85);
    --denar-surface-control: oklch(0.25 0.003 85);
    --denar-surface-hover: oklch(0.28 0.0034 85);
    --denar-surface-pressed: oklch(0.32 0.004 85);
    --denar-surface-inverse: oklch(0.95 0.003 85);
    --denar-text-primary: oklch(0.95 0.003 85);
    --denar-text-secondary: oklch(0.68 0.0069 85);
    --denar-text-disabled: oklch(0.68 0.0069 85 / 0.6);
    --denar-text-inverse: oklch(0.215 0.0025 85);
    --denar-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.3);
    --denar-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4);
    --denar-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4);
    --denar-floor-room: oklch(0.215 0.0025 85);
    --denar-floor-rooms: oklch(0.215 0.0025 85);
    --denar-floor-terrace: oklch(0.28 0.0034 85);
    --denar-floor-service: oklch(0.215 0.0025 85);
    --denar-floor-delivery: oklch(0.215 0.0025 85);
    --denar-floor-free: oklch(0.25 0.003 85);
    --denar-floor-free-edge: oklch(0.32 0.004 85);
    --denar-floor-wall: oklch(0.44 0.0057 85);
    --denar-floor-door: oklch(0.68 0.024 75);
    --denar-scheme-light-only: none;
    --denar-scheme-dark-only: block;
  }
}

[data-mode="dark"] {
  color-scheme: dark;
  --denar-scheme-light-only: block;
  --denar-scheme-dark-only: none;
}

@media screen and (prefers-color-scheme: dark) {
  :root:not([data-mode]) {
    color-scheme: dark;
    --denar-brand-solid: oklch(0.417 0.154 19.2);
    --denar-brand-hover: oklch(0.37 0.145 19.2);
    --denar-brand-pressed: oklch(0.33 0.13 19.2);
    --denar-brand-on-solid: oklch(0.975 0.0026 85);
    --denar-brand-text: oklch(0.712 0.170 13.2);
    --denar-brand-tint: oklch(0.95 0.003 85 / 0.08);
    --denar-brand-mark: oklch(0.712 0.170 13.2);
    --denar-brand-ink: oklch(0.95 0.003 85);
    --denar-brand-ink-hover: oklch(0.95 0.003 85 / 0.88);
    --denar-brand-ink-pressed: oklch(0.95 0.003 85 / 0.8);
    --denar-brand-ink-on-solid: oklch(0.17 0.002 85);
    --denar-brand-ink-tint: oklch(0.95 0.003 85 / 0.08);
    --denar-attention-text: oklch(0.8 0.09 78);
    --denar-attention-rule: oklch(0.76 0.11 75);
    --denar-attention-tint: oklch(0.28 0.03 70);
    --denar-border-subtle: oklch(0.28 0.0034 85);
    --denar-border-subtle-on-raised: oklch(0.32 0.004 85);
    --denar-border-control: oklch(0.54 0.0071 85);
    --denar-border-strong: oklch(0.4 0.0051 85);
    --denar-chart-s1: oklch(0.89 0.0039 85);
    --denar-chart-s2: oklch(0.76 0.0057 85);
    --denar-chart-s3: oklch(0.68 0.024 75);
    --denar-chart-s4: oklch(0.44 0.0057 85);
    --denar-chart-s5: oklch(0.4 0.0051 85);
    --denar-focus-ring: oklch(0.95 0.003 85 / var(--denar-focus-ring-alpha));
    --denar-focus-selection: oklch(0.95 0.003 85 / 0.22);
    --denar-status-danger-solid: oklch(0.68 0.14 25);
    --denar-status-danger-on-solid: oklch(0.17 0.002 85);
    --denar-status-danger-text: oklch(0.73 0.13 25);
    --denar-status-danger-tint: oklch(0.28 0.04 25);
    --denar-status-success-text: oklch(0.78 0.075 155);
    --denar-status-success-solid: oklch(0.72 0.085 155);
    --denar-status-success-tint: oklch(0.27 0.03 155);
    --denar-status-info-text: oklch(0.78 0.065 245);
    --denar-status-info-solid: oklch(0.72 0.07 245);
    --denar-status-info-tint: oklch(0.27 0.025 245);
    --denar-surface-canvas: oklch(0.17 0.002 85);
    --denar-surface-raised: oklch(0.215 0.0025 85);
    --denar-surface-overlay: oklch(0.215 0.0025 85);
    --denar-surface-sunken: oklch(0.25 0.003 85);
    --denar-surface-control: oklch(0.25 0.003 85);
    --denar-surface-hover: oklch(0.28 0.0034 85);
    --denar-surface-pressed: oklch(0.32 0.004 85);
    --denar-surface-inverse: oklch(0.95 0.003 85);
    --denar-text-primary: oklch(0.95 0.003 85);
    --denar-text-secondary: oklch(0.68 0.0069 85);
    --denar-text-disabled: oklch(0.68 0.0069 85 / 0.6);
    --denar-text-inverse: oklch(0.215 0.0025 85);
    --denar-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.3);
    --denar-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4);
    --denar-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4);
    --denar-floor-room: oklch(0.215 0.0025 85);
    --denar-floor-rooms: oklch(0.215 0.0025 85);
    --denar-floor-terrace: oklch(0.28 0.0034 85);
    --denar-floor-service: oklch(0.215 0.0025 85);
    --denar-floor-delivery: oklch(0.215 0.0025 85);
    --denar-floor-free: oklch(0.25 0.003 85);
    --denar-floor-free-edge: oklch(0.32 0.004 85);
    --denar-floor-wall: oklch(0.44 0.0057 85);
    --denar-floor-door: oklch(0.68 0.024 75);
    --denar-scheme-light-only: none;
    --denar-scheme-dark-only: block;
  }
}

@media (prefers-color-scheme: dark) {
  :root:not([data-mode]) {
    color-scheme: dark;
    --denar-scheme-light-only: block;
    --denar-scheme-dark-only: none;
  }
}

[data-mode="print"] {
  color-scheme: light;
  --denar-attention-text: oklch(0.42 0 0);
  --denar-attention-rule: oklch(0.42 0 0);
  --denar-attention-tint: oklch(0.96 0 0);
  --denar-border-subtle: oklch(0.78 0 0);
  --denar-border-subtle-on-raised: oklch(0.78 0 0);
  --denar-border-control: oklch(0.60 0 0);
  --denar-border-strong: oklch(0.42 0 0);
  --denar-status-danger-solid: oklch(0.30 0 0);
  --denar-status-danger-on-solid: oklch(1 0 0);
  --denar-status-danger-text: oklch(0.30 0 0);
  --denar-status-danger-tint: oklch(0.30 0 0 / 0.08);
  --denar-status-success-text: oklch(0 0 0);
  --denar-status-success-solid: oklch(0.42 0 0);
  --denar-status-success-tint: oklch(0.96 0 0);
  --denar-status-info-text: oklch(0.42 0 0);
  --denar-status-info-solid: oklch(0.42 0 0);
  --denar-status-info-tint: oklch(0.96 0 0);
  --denar-surface-canvas: oklch(1 0 0);
  --denar-surface-raised: oklch(1 0 0);
  --denar-surface-overlay: oklch(1 0 0);
  --denar-surface-sunken: oklch(0.96 0 0);
  --denar-surface-control: oklch(0.96 0 0);
  --denar-surface-hover: oklch(0.96 0 0);
  --denar-surface-pressed: oklch(0.93 0 0);
  --denar-surface-inverse: oklch(0 0 0);
  --denar-text-primary: oklch(0 0 0);
  --denar-text-secondary: oklch(0.42 0 0);
  --denar-text-disabled: oklch(0.42 0 0 / 0.6);
  --denar-text-inverse: oklch(1 0 0);
  --denar-shadow-xs: none;
  --denar-shadow-md: none;
  --denar-shadow-lg: none;
}

@media screen {
  [data-mode="hcLight"] {
    color-scheme: light;
    --denar-brand-solid: oklch(0.417 0.154 19.2);
    --denar-brand-hover: oklch(0.37 0.145 19.2);
    --denar-brand-pressed: oklch(0.33 0.13 19.2);
    --denar-brand-on-solid: oklch(1 0 0);
    --denar-brand-text: oklch(0.417 0.154 19.2);
    --denar-brand-tint: oklch(0.215 0.0025 85 / 0.12);
    --denar-brand-mark: oklch(0.417 0.154 19.2);
    --denar-brand-ink: oklch(0.17 0.002 85);
    --denar-brand-ink-hover: oklch(0.17 0.002 85 / 0.88);
    --denar-brand-ink-pressed: oklch(0.17 0.002 85 / 0.8);
    --denar-brand-ink-on-solid: oklch(1 0 0);
    --denar-brand-ink-tint: oklch(0.215 0.0025 85 / 0.12);
    --denar-attention-tint: oklch(0.56 0.1 68 / 0.2);
    --denar-border-subtle: oklch(0.54 0.0071 85);
    --denar-border-subtle-on-raised: oklch(0.54 0.0071 85);
    --denar-border-control: oklch(0.54 0.0071 85);
    --denar-border-strong: oklch(0.215 0.0025 85);
    --denar-focus-ring: oklch(0.17 0.002 85);
    --denar-focus-selection: oklch(0.215 0.0025 85 / 0.22);
    --denar-status-danger-tint: oklch(0.5 0.15 28 / 0.16);
    --denar-status-success-tint: oklch(0.52 0.085 155 / 0.16);
    --denar-status-info-tint: oklch(0.52 0.08 245 / 0.16);
    --denar-surface-canvas: oklch(0.99 0.0024 85);
    --denar-surface-raised: oklch(0.99 0.0024 85);
    --denar-surface-overlay: oklch(0.99 0.0024 85);
    --denar-surface-sunken: oklch(0.935 0.0032 85);
    --denar-surface-control: oklch(0.935 0.0032 85);
    --denar-surface-hover: oklch(0.915 0.0035 85);
    --denar-surface-pressed: oklch(0.89 0.0039 85);
    --denar-surface-inverse: oklch(0.215 0.0025 85);
    --denar-text-primary: oklch(0.17 0.002 85);
    --denar-text-secondary: oklch(0.4 0.0051 85);
    --denar-text-disabled: oklch(0.54 0.0071 85);
    --denar-text-inverse: oklch(1 0 0);
    --denar-floor-room: oklch(0.975 0.0026 85);
    --denar-floor-rooms: oklch(0.975 0.0026 85);
    --denar-floor-terrace: oklch(0.935 0.0032 85);
    --denar-floor-service: oklch(0.975 0.0026 85);
    --denar-floor-delivery: oklch(0.975 0.0026 85);
    --denar-floor-free: oklch(0.915 0.0035 85);
    --denar-floor-free-edge: oklch(0.48 0.0063 85);
    --denar-floor-wall: oklch(0.48 0.0063 85);
    --denar-floor-door: oklch(0.68 0.024 75);
  }
}

@media screen {
  [data-mode="hcDark"] {
    color-scheme: dark;
    --denar-brand-solid: oklch(0.417 0.154 19.2);
    --denar-brand-hover: oklch(0.37 0.145 19.2);
    --denar-brand-pressed: oklch(0.33 0.13 19.2);
    --denar-brand-on-solid: oklch(1 0 0);
    --denar-brand-text: oklch(0.712 0.170 13.2);
    --denar-brand-tint: oklch(1 0 0 / 0.12);
    --denar-brand-mark: oklch(0.712 0.170 13.2);
    --denar-brand-ink: oklch(1 0 0);
    --denar-brand-ink-hover: oklch(1 0 0 / 0.88);
    --denar-brand-ink-pressed: oklch(1 0 0 / 0.8);
    --denar-brand-ink-on-solid: oklch(0.1 0.002 85);
    --denar-brand-ink-tint: oklch(1 0 0 / 0.12);
    --denar-attention-text: oklch(0.8 0.09 78);
    --denar-attention-rule: oklch(0.76 0.11 75);
    --denar-attention-tint: oklch(0.76 0.11 75 / 0.22);
    --denar-border-subtle: oklch(0.54 0.0071 85);
    --denar-border-subtle-on-raised: oklch(0.54 0.0071 85);
    --denar-border-control: oklch(0.54 0.0071 85);
    --denar-border-strong: oklch(1 0 0);
    --denar-chart-s1: oklch(0.89 0.0039 85);
    --denar-chart-s2: oklch(0.76 0.0057 85);
    --denar-chart-s3: oklch(0.68 0.024 75);
    --denar-chart-s4: oklch(0.44 0.0057 85);
    --denar-chart-s5: oklch(0.4 0.0051 85);
    --denar-focus-ring: oklch(1 0 0);
    --denar-focus-selection: oklch(1 0 0 / 0.3);
    --denar-status-danger-solid: oklch(0.68 0.14 25);
    --denar-status-danger-on-solid: oklch(0.1 0.002 85);
    --denar-status-danger-text: oklch(0.73 0.13 25);
    --denar-status-danger-tint: oklch(0.68 0.14 25 / 0.22);
    --denar-status-success-text: oklch(0.78 0.075 155);
    --denar-status-success-solid: oklch(0.72 0.085 155);
    --denar-status-success-tint: oklch(0.72 0.085 155 / 0.22);
    --denar-status-info-text: oklch(0.78 0.065 245);
    --denar-status-info-solid: oklch(0.72 0.07 245);
    --denar-status-info-tint: oklch(0.72 0.07 245 / 0.22);
    --denar-surface-canvas: oklch(0.1 0.002 85);
    --denar-surface-raised: oklch(0.17 0.002 85);
    --denar-surface-overlay: oklch(0.17 0.002 85);
    --denar-surface-sunken: oklch(0.25 0.003 85);
    --denar-surface-control: oklch(0.25 0.003 85);
    --denar-surface-hover: oklch(0.28 0.0034 85);
    --denar-surface-pressed: oklch(0.32 0.004 85);
    --denar-surface-inverse: oklch(1 0 0);
    --denar-text-primary: oklch(1 0 0);
    --denar-text-secondary: oklch(0.84 0.0046 85);
    --denar-text-disabled: oklch(0.54 0.0071 85);
    --denar-text-inverse: oklch(0.1 0.002 85);
    --denar-shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.3);
    --denar-shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.4), 0 2px 4px -2px rgb(0 0 0 / 0.4);
    --denar-shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.4), 0 4px 6px -4px rgb(0 0 0 / 0.4);
    --denar-floor-room: oklch(0.17 0.002 85);
    --denar-floor-rooms: oklch(0.17 0.002 85);
    --denar-floor-terrace: oklch(0.28 0.0034 85);
    --denar-floor-service: oklch(0.17 0.002 85);
    --denar-floor-delivery: oklch(0.17 0.002 85);
    --denar-floor-free: oklch(0.25 0.003 85);
    --denar-floor-free-edge: oklch(0.68 0.0069 85);
    --denar-floor-wall: oklch(0.68 0.0069 85);
    --denar-floor-door: oklch(0.68 0.024 75);
    --denar-scheme-light-only: none;
    --denar-scheme-dark-only: block;
  }
}

[data-mode="hcDark"] {
  color-scheme: dark;
  --denar-scheme-light-only: block;
  --denar-scheme-dark-only: none;
}

[data-surface="ledger"] {
  --denar-voice-title-family: "Inter Display", "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --denar-voice-title-weight: 500;
  --denar-voice-title-tracking: -0.015em;
  --denar-voice-page-size: 2rem;
  --denar-voice-page-leading: 2.375rem;
  --denar-voice-figure-family: "Inter Display", "Inter Variable", Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}

[data-surface="site"] {
  --denar-accent-solid: var(--denar-brand-solid);
  --denar-accent-hover: var(--denar-brand-hover);
  --denar-accent-pressed: var(--denar-brand-pressed);
  --denar-accent-on-solid: var(--denar-brand-on-solid);
  --denar-accent-text: var(--denar-brand-ink);
  --denar-accent-tint: var(--denar-brand-ink-tint);
}

[data-surface="touch"] {
  --denar-focus-ring-alpha: 1;
  --denar-focus-ring-offset: 2px;
  --denar-voice-control-weight: 600;
}

[data-density="comfortable"] {
  --denar-density-control-sm: 2.25rem;
  --denar-density-control-md: 2.75rem;
  --denar-density-control-lg: 3rem;
  --denar-density-target-min: 2.75rem;
  --denar-density-row: 3rem;
  --denar-density-head: 2.5rem;
  --denar-density-cell-pad-x: 1rem;
  --denar-density-cell-pad-y: 0.75rem;
  --denar-density-card-pad: 1.5rem;
  --denar-density-gap-stack: 1rem;
  --denar-density-gap-inline: 0.75rem;
  --denar-density-icon: 1.25rem;
  --denar-type-caption-size: 0.8125rem;
  --denar-type-caption-leading: 1.125rem;
  --denar-type-label-size: 0.8125rem;
  --denar-type-label-leading: 1.125rem;
  --denar-type-body-size: 1rem;
  --denar-type-body-leading: 1.5rem;
  --denar-type-section-size: 1.125rem;
  --denar-type-section-leading: 1.625rem;
  --denar-type-figure-size: 2rem;
  --denar-type-figure-leading: 2.375rem;
}

[data-density="compact"] {
  --denar-density-control-sm: 1.75rem;
  --denar-density-control-md: 2rem;
  --denar-density-control-lg: 2.25rem;
  --denar-density-target-min: 1.75rem;
  --denar-density-row: 2rem;
  --denar-density-head: 1.75rem;
  --denar-density-cell-pad-x: 0.5rem;
  --denar-density-cell-pad-y: 0.25rem;
  --denar-density-card-pad: 1rem;
  --denar-density-gap-stack: 0.5rem;
  --denar-density-gap-inline: 0.375rem;
  --denar-density-icon: 0.875rem;
  --denar-type-label-size: 0.6875rem;
  --denar-type-label-leading: 0.875rem;
  --denar-type-body-size: 0.8125rem;
  --denar-type-body-leading: 1.125rem;
  --denar-type-section-size: 0.875rem;
  --denar-type-section-leading: 1.25rem;
  --denar-type-figure-size: 1.5rem;
  --denar-type-figure-leading: 1.875rem;
}

[data-density="touch"] {
  --denar-density-control-sm: 2.5rem;
  --denar-density-control-md: 3rem;
  --denar-density-control-lg: 3.5rem;
  --denar-density-target-min: 3rem;
  --denar-density-row: 3rem;
  --denar-density-head: 2.75rem;
  --denar-density-cell-pad-x: 0.75rem;
  --denar-density-cell-pad-y: 0.625rem;
  --denar-density-card-pad: 1.25rem;
  --denar-density-gap-stack: 1rem;
  --denar-density-gap-inline: 0.75rem;
  --denar-density-icon: 1.5rem;
  --denar-density-text-action: 1.25rem;
  --denar-type-caption-size: 0.875rem;
  --denar-type-caption-leading: 1.25rem;
  --denar-type-label-size: 0.875rem;
  --denar-type-label-leading: 1.25rem;
  --denar-type-label-weight: 600;
  --denar-type-body-size: 1.125rem;
  --denar-type-body-leading: 1.625rem;
  --denar-type-strong-weight: 600;
  --denar-type-section-size: 1.25rem;
  --denar-type-section-leading: 1.75rem;
  --denar-type-page-size: 1.5rem;
  --denar-type-page-leading: 1.875rem;
  --denar-type-figure-size: 2rem;
  --denar-type-figure-leading: 2.375rem;
  --denar-type-code-size: 2rem;
  --denar-type-code-leading: 2.375rem;
}