

@import './tokens.generated.css';



.harleys,
[data-color-scheme='harleys'] {
  
  --radius: 0;
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-xl: 0;
  --button-radius: 0;
  --radius-control: 0;
  --radius-surface: 0;
  --radius-overlay: 0;
  --radius-pill: 0;
  --primitive-radius-sm: 0;
  --primitive-radius-md: 0;
  --primitive-radius-lg: 0;
  --primitive-radius-xl: 0;
  --primitive-radius-2xl: 0;
  
  --radius-full: 9999px;
  --primitive-radius-full: 9999px;

  
  --shadow-xs: none;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-xl: none;
  --shadow-2xl: none;
  
  --shadow-elevation-1: none;
  --shadow-elevation-2: none;
  --shadow-elevation-3: none;
  
  --button-shadow: 0 0 #0000;

  
  --brand-font-display: var(--harleys-oak-room-font-display);
  --brand-font-body: var(--harleys-oak-room-font-body);
  --brand-font-mono: var(--harleys-oak-room-font-mono);
  
  --font-mono: var(--harleys-oak-room-font-mono);

  
  --on-accent: var(--harleys-oak-room-primary-900);
  --accent-foreground: var(--harleys-oak-room-primary-900);

  
  --warning: var(--warn);
  --error: var(--danger);
  --info: var(--status-info);

  --success-foreground: var(--harleys-oak-room-neutral-50);
  --success-light: var(--harleys-oak-room-success-100);
  --success-dark: var(--harleys-oak-room-success-700);

  
  --warning-foreground: var(--harleys-oak-room-neutral-900);
  --warning-light: var(--harleys-oak-room-warn-100);
  --warning-dark: var(--harleys-oak-room-warn-700);

  --error-foreground: var(--harleys-oak-room-neutral-50);
  --error-light: var(--harleys-oak-room-danger-100);
  --error-dark: var(--harleys-oak-room-danger-700);

  --info-foreground: var(--harleys-oak-room-neutral-50);
  --info-light: var(--harleys-oak-room-primary-100);
  --info-dark: var(--harleys-oak-room-primary-700);

  
  --accent-subtle-foreground: var(--harleys-oak-room-neutral-900);

  
  --color-surface-primary: var(--bg-canvas);
  --color-surface-secondary: var(--bg-surface-alt);
  --color-surface-elevated: var(--bg-surface);
  --color-surface-muted: var(--bg-sunken);
  --color-surface-cream: var(--bg-surface);
  --color-surface: var(--bg-surface);
  --color-text-primary: var(--fg-primary);
  --color-text-secondary: var(--fg-secondary);
  --color-text-muted: var(--fg-muted);
  --color-text-inverse: var(--fg-inverse);
  --color-text-brand: var(--accent-strong);
  --color-foreground: var(--fg-primary);
  --color-border-default: var(--border-subtle);
  --color-border-emphasis: var(--border-strong);
  --color-border-focus: var(--border-focus);
  --color-border: var(--border-subtle);
  --color-accent-primary: var(--accent);
  --color-accent-hover: var(--accent-strong);
  --color-accent-pressed: var(--accent-strong);
  --color-interactive-default: var(--accent);
  --color-interactive-hover: var(--accent-strong);
  --color-success: var(--success);
  --color-warning: var(--warn);
  --color-error: var(--danger);
  --color-danger: var(--danger);
  --color-info: var(--status-info);
  
  --color-muted: var(--muted);
  
  --brand-orange: var(--accent);
  --brand-orange-text: var(--accent-strong);
  --brand-orange-button: var(--accent-strong);
  --brand-amber: var(--accent);
}


:root.harleys.dark,
.harleys.dark,
[data-color-scheme='harleys'][data-theme='dark'],
.harleys[data-theme='dark'] {
  
  --success-light: var(--harleys-oak-room-success-800);
  --success-dark: var(--harleys-oak-room-success-200);
  --warning-light: var(--harleys-oak-room-warn-800);
  --warning-dark: var(--harleys-oak-room-warn-200);
  --error-light: var(--harleys-oak-room-danger-800);
  --error-dark: var(--harleys-oak-room-danger-200);
  --info-light: var(--harleys-oak-room-primary-800);
  --info-dark: var(--harleys-oak-room-primary-200);
}


.harleys .animate-step-cluster-glow,
[data-color-scheme='harleys'] .animate-step-cluster-glow {
  animation: none;
  box-shadow: 0 0 #0000;
}
