/* Generated by theme/generate.js — do not edit manually */

@property --bg-page { syntax: '<color>'; inherits: true; initial-value: #f3f4ff; }
@property --bg-surface { syntax: '<color>'; inherits: true; initial-value: #ffffff; }
@property --bg-muted { syntax: '<color>'; inherits: true; initial-value: #e5e7f5; }
@property --bg-subtle { syntax: '<color>'; inherits: true; initial-value: #d1d3e2; }
@property --text-primary { syntax: '<color>'; inherits: true; initial-value: #292b34; }
@property --text-secondary { syntax: '<color>'; inherits: true; initial-value: #636575; }
@property --text-muted { syntax: '<color>'; inherits: true; initial-value: #7d7f90; }
@property --text-inverse { syntax: '<color>'; inherits: true; initial-value: #ffffff; }
@property --color-primary { syntax: '<color>'; inherits: true; initial-value: #5510fc; }
@property --on-primary { syntax: '<color>'; inherits: true; initial-value: #ffffff; }
@property --color-primary-hover { syntax: '<color>'; inherits: true; initial-value: #4613d1; }
@property --color-primary-fg { syntax: '<color>'; inherits: true; initial-value: #574ecf; }
@property --color-primary-subtle { syntax: '<color>'; inherits: true; initial-value: #f3f4ff; }
@property --color-accent { syntax: '<color>'; inherits: true; initial-value: #f7c615; }
@property --on-accent { syntax: '<color>'; inherits: true; initial-value: #000000; }
@property --color-accent-hover { syntax: '<color>'; inherits: true; initial-value: #dfb323; }
@property --color-accent-fg { syntax: '<color>'; inherits: true; initial-value: #7d6203; }
@property --color-accent-subtle { syntax: '<color>'; inherits: true; initial-value: #fff5d9; }
@property --color-error { syntax: '<color>'; inherits: true; initial-value: #fd112e; }
@property --on-error { syntax: '<color>'; inherits: true; initial-value: #000000; }
@property --color-error-hover { syntax: '<color>'; inherits: true; initial-value: #db192a; }
@property --color-error-fg { syntax: '<color>'; inherits: true; initial-value: #ab3a38; }
@property --color-error-subtle { syntax: '<color>'; inherits: true; initial-value: #fff2f0; }
@property --color-warning { syntax: '<color>'; inherits: true; initial-value: #fea412; }
@property --on-warning { syntax: '<color>'; inherits: true; initial-value: #000000; }
@property --color-warning-hover { syntax: '<color>'; inherits: true; initial-value: #e3941e; }
@property --color-warning-fg { syntax: '<color>'; inherits: true; initial-value: #8d5903; }
@property --color-warning-subtle { syntax: '<color>'; inherits: true; initial-value: #fff3e6; }
@property --color-success { syntax: '<color>'; inherits: true; initial-value: #1af28e; }
@property --on-success { syntax: '<color>'; inherits: true; initial-value: #000000; }
@property --color-success-hover { syntax: '<color>'; inherits: true; initial-value: #29da82; }
@property --color-success-fg { syntax: '<color>'; inherits: true; initial-value: #057a45; }
@property --color-success-subtle { syntax: '<color>'; inherits: true; initial-value: #deffe8; }
@property --border-default { syntax: '<color>'; inherits: true; initial-value: #7d7f90; }
@property --border-muted { syntax: '<color>'; inherits: true; initial-value: #b4b6c7; }
@property --border-strong { syntax: '<color>'; inherits: true; initial-value: #636575; }
@property --focus-ring { syntax: '<color>'; inherits: true; initial-value: #574ecf; }