/* AUTOGENERATED by @civitai/theme (scripts/build-tokens.ts). DO NOT EDIT.
   Regenerate: pnpm --filter @civitai/theme build. Guarded by generation-parity test. */
@property --civitai-color-text {
  syntax: '<color>';
  inherits: true;
  initial-value: #222;
}
@property --civitai-color-text-dimmed {
  syntax: '<color>';
  inherits: true;
  initial-value: #868e96;
}
@property --civitai-color-body {
  syntax: '<color>';
  inherits: true;
  initial-value: #fefefe;
}
@property --civitai-color-surface {
  syntax: '<color>';
  inherits: true;
  initial-value: #fefefe;
}
@property --civitai-color-surface-2 {
  syntax: '<color>';
  inherits: true;
  initial-value: #fefefe;
}
@property --civitai-color-border {
  syntax: '<color>';
  inherits: true;
  initial-value: #ced4da;
}
@property --civitai-color-primary {
  syntax: '<color>';
  inherits: true;
  initial-value: #228BE6;
}
@property --civitai-color-primary-hover {
  syntax: '<color>';
  inherits: true;
  initial-value: #1C7ED6;
}
@property --civitai-color-primary-fg {
  syntax: '<color>';
  inherits: true;
  initial-value: #fefefe;
}
@property --civitai-color-primary-light {
  syntax: '<color>';
  inherits: true;
  initial-value: rgba(34, 139, 230, 0.1);
}
@property --civitai-color-error {
  syntax: '<color>';
  inherits: true;
  initial-value: #fa5252;
}
@property --civitai-color-success {
  syntax: '<color>';
  inherits: true;
  initial-value: #299C7A;
}
@property --civitai-color-warning {
  syntax: '<color>';
  inherits: true;
  initial-value: #fd7e14;
}
@property --civitai-color-info {
  syntax: '<color>';
  inherits: true;
  initial-value: #228BE6;
}
@property --civitai-color-gray-0 {
  syntax: '<color>';
  inherits: true;
  initial-value: #f8f9fa;
}
@property --civitai-color-gray-1 {
  syntax: '<color>';
  inherits: true;
  initial-value: #f1f3f5;
}
@property --civitai-color-gray-2 {
  syntax: '<color>';
  inherits: true;
  initial-value: #e9ecef;
}
@property --civitai-color-gray-3 {
  syntax: '<color>';
  inherits: true;
  initial-value: #dee2e6;
}
@property --civitai-color-gray-4 {
  syntax: '<color>';
  inherits: true;
  initial-value: #ced4da;
}
@property --civitai-color-gray-5 {
  syntax: '<color>';
  inherits: true;
  initial-value: #adb5bd;
}
@property --civitai-color-gray-6 {
  syntax: '<color>';
  inherits: true;
  initial-value: #868e96;
}
@property --civitai-color-gray-7 {
  syntax: '<color>';
  inherits: true;
  initial-value: #495057;
}
@property --civitai-color-gray-8 {
  syntax: '<color>';
  inherits: true;
  initial-value: #343a40;
}
@property --civitai-color-gray-9 {
  syntax: '<color>';
  inherits: true;
  initial-value: #212529;
}

:root {
  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --civitai-radius: 0.25rem;
  --civitai-color-text: #222;
  --civitai-color-text-dimmed: #868e96;
  --civitai-color-body: #fefefe;
  --civitai-color-surface: #fefefe;
  --civitai-color-surface-2: #fefefe;
  --civitai-color-border: #ced4da;
  --civitai-color-primary: #228BE6;
  --civitai-color-primary-hover: #1C7ED6;
  --civitai-color-primary-fg: #fefefe;
  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);
  --civitai-color-error: #fa5252;
  --civitai-color-success: #299C7A;
  --civitai-color-warning: #fd7e14;
  --civitai-color-info: #228BE6;
  --civitai-color-gray-0: #f8f9fa;
  --civitai-color-gray-1: #f1f3f5;
  --civitai-color-gray-2: #e9ecef;
  --civitai-color-gray-3: #dee2e6;
  --civitai-color-gray-4: #ced4da;
  --civitai-color-gray-5: #adb5bd;
  --civitai-color-gray-6: #868e96;
  --civitai-color-gray-7: #495057;
  --civitai-color-gray-8: #343a40;
  --civitai-color-gray-9: #212529;
}

[data-theme='light'] {
  --civitai-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  --civitai-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
  --civitai-radius: 0.25rem;
  --civitai-color-text: #222;
  --civitai-color-text-dimmed: #868e96;
  --civitai-color-body: #fefefe;
  --civitai-color-surface: #fefefe;
  --civitai-color-surface-2: #fefefe;
  --civitai-color-border: #ced4da;
  --civitai-color-primary: #228BE6;
  --civitai-color-primary-hover: #1C7ED6;
  --civitai-color-primary-fg: #fefefe;
  --civitai-color-primary-light: rgba(34, 139, 230, 0.1);
  --civitai-color-error: #fa5252;
  --civitai-color-success: #299C7A;
  --civitai-color-warning: #fd7e14;
  --civitai-color-info: #228BE6;
  --civitai-color-gray-0: #f8f9fa;
  --civitai-color-gray-1: #f1f3f5;
  --civitai-color-gray-2: #e9ecef;
  --civitai-color-gray-3: #dee2e6;
  --civitai-color-gray-4: #ced4da;
  --civitai-color-gray-5: #adb5bd;
  --civitai-color-gray-6: #868e96;
  --civitai-color-gray-7: #495057;
  --civitai-color-gray-8: #343a40;
  --civitai-color-gray-9: #212529;
}

[data-theme='dark'] {
  --civitai-color-text: #C1C2C5;
  --civitai-color-text-dimmed: #8c8fa3;
  --civitai-color-body: #1A1B1E;
  --civitai-color-surface: #1A1B1E;
  --civitai-color-surface-2: #25262B;
  --civitai-color-border: #373A40;
  --civitai-color-primary: #1971C2;
  --civitai-color-primary-hover: #1864AB;
  --civitai-color-primary-fg: #fefefe;
  --civitai-color-primary-light: rgba(34, 139, 230, 0.15);
  --civitai-color-error: #e03131;
  --civitai-color-success: #326D5C;
  --civitai-color-warning: #e8590c;
  --civitai-color-info: #1971C2;
}