/* GENERATED FILE. DO NOT EDIT BY HAND. */
/* source: src/Golf.Design/Tokens/tokens.yaml */

:root {
  --golf-card-padding: 12px;
  --golf-color-accent-focus: #6366f1;
  --golf-color-accent-primary: #818cf8;
  --golf-color-accent-primary-strong: #6366f1;
  --golf-color-border-default: #2e2e34;
  --golf-color-border-inverse: #1e1e22;
  --golf-color-border-strong: #3f3f46;
  --golf-color-ink-danger: #fecdd3;
  --golf-color-ink-info: #bae6fd;
  --golf-color-ink-inverse: #09090b;
  --golf-color-ink-primary: #e4e4e7;
  --golf-color-ink-secondary: #a1a1aa;
  --golf-color-ink-success: #bbf7d0;
  --golf-color-ink-warning: #fcd34d;
  --golf-color-overlay-backdrop: rgba(0, 0, 0, 0.65);
  --golf-color-surface-default: #18181b;
  --golf-color-surface-inverse: #09090b;
  --golf-color-surface-raised: #27272a;
  --golf-color-surface-subtle: #0f0f12;
  --golf-control-height: 30px;
  --golf-control-padding-x: 12px;
  --golf-control-padding-y: 4px;
  --golf-density-comfortable-card-padding: 12px;
  --golf-density-comfortable-control-height: 30px;
  --golf-density-comfortable-control-padding-x: 12px;
  --golf-density-comfortable-control-padding-y: 4px;
  --golf-density-comfortable-gap-cluster: 8px;
  --golf-density-comfortable-gap-stack: 12px;
  --golf-density-comfortable-row-height: 30px;
  --golf-density-comfortable-table-cell-padding-x: 10px;
  --golf-density-comfortable-table-cell-padding-y: 4px;
  --golf-density-compact-card-padding: 8px;
  --golf-density-compact-control-height: 26px;
  --golf-density-compact-control-padding-x: 8px;
  --golf-density-compact-control-padding-y: 3px;
  --golf-density-compact-gap-cluster: 6px;
  --golf-density-compact-gap-stack: 8px;
  --golf-density-compact-row-height: 26px;
  --golf-density-compact-table-cell-padding-x: 8px;
  --golf-density-compact-table-cell-padding-y: 3px;
  --golf-density-dense-card-padding: 6px;
  --golf-density-dense-control-height: 22px;
  --golf-density-dense-control-padding-x: 6px;
  --golf-density-dense-control-padding-y: 2px;
  --golf-density-dense-gap-cluster: 4px;
  --golf-density-dense-gap-stack: 4px;
  --golf-density-dense-row-height: 22px;
  --golf-density-dense-table-cell-padding-x: 7px;
  --golf-density-dense-table-cell-padding-y: 2px;
  --golf-font-body: 'Noto Sans TC', system-ui, sans-serif;
  --golf-font-mono: 'JetBrains Mono', 'Noto Sans TC', ui-monospace, SFMono-Regular, monospace;
  --golf-gap-cluster: 8px;
  --golf-gap-stack: 12px;
  --golf-radius-lg: 6px;
  --golf-radius-md: 4px;
  --golf-radius-sm: 2px;
  --golf-row-height: 30px;
  --golf-shadow-1: 0 2px 6px rgba(0,0,0,.3);
  --golf-shadow-2: 0 8px 32px rgba(0,0,0,.5);
  --golf-space-0: 0;
  --golf-space-1: 2px;
  --golf-space-2: 4px;
  --golf-space-3: 6px;
  --golf-space-4: 8px;
  --golf-space-6: 12px;
  --golf-space-8: 16px;
  --golf-table-cell-padding-x: 10px;
  --golf-table-cell-padding-y: 4px;
}