/* GENERATED FILE. DO NOT EDIT BY HAND. */
/* source: src/Golf.Design/Tokens/tokens.yaml */

[data-theme-mode="dark"] {
  --golf-color-accent-focus: #6366f1;
  --golf-color-accent-primary: #818cf8;
  --golf-color-accent-primary-strong: #6366f1;
  --golf-color-border-default: #2e2e34;
  --golf-color-border-strong: #3f3f46;
  --golf-color-ink-primary: #e4e4e7;
  --golf-color-ink-secondary: #a1a1aa;
  --golf-color-overlay-backdrop: rgba(0, 0, 0, 0.65);
  --golf-color-surface-default: #18181b;
  --golf-color-surface-raised: #27272a;
  --golf-color-surface-subtle: #0f0f12;
  --golf-shadow-1: 0 2px 6px rgba(0,0,0,.3);
  --golf-shadow-2: 0 8px 32px rgba(0,0,0,.5);
}

[data-theme-contrast="high"] {
  --golf-color-accent-focus: #a5b4fc;
  --golf-color-border-default: #a1a1aa;
  --golf-color-border-strong: #e4e4e7;
}

[data-theme-mode="dark"][data-theme-contrast="high"] {
  --golf-color-accent-focus: #ffffff;
  --golf-color-border-default: #ffffff;
  --golf-color-border-strong: #ffffff;
}

[data-theme-density="comfortable"] {
  --golf-card-padding: 12px;
  --golf-control-height: 30px;
  --golf-control-padding-x: 12px;
  --golf-control-padding-y: 4px;
  --golf-gap-cluster: 8px;
  --golf-gap-stack: 12px;
  --golf-row-height: 30px;
  --golf-table-cell-padding-x: 10px;
  --golf-table-cell-padding-y: 4px;
}
[data-theme-density="compact"] {
  --golf-card-padding: 8px;
  --golf-control-height: 26px;
  --golf-control-padding-x: 8px;
  --golf-control-padding-y: 3px;
  --golf-gap-cluster: 6px;
  --golf-gap-stack: 8px;
  --golf-row-height: 26px;
  --golf-table-cell-padding-x: 8px;
  --golf-table-cell-padding-y: 3px;
}
[data-theme-density="dense"] {
  --golf-card-padding: 6px;
  --golf-control-height: 22px;
  --golf-control-padding-x: 6px;
  --golf-control-padding-y: 2px;
  --golf-gap-cluster: 4px;
  --golf-gap-stack: 4px;
  --golf-row-height: 22px;
  --golf-table-cell-padding-x: 7px;
  --golf-table-cell-padding-y: 2px;
}

[data-theme-motion="reduced"] *,
[data-theme-motion="reduced"] *::before,
[data-theme-motion="reduced"] *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0.01ms !important;
  scroll-behavior: auto !important;
}
