:root {
  --art-font-primary: Inter, system-ui, sans-serif;
  --art-font-secondary: Inter, system-ui, sans-serif;
  --art-font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --art-type-xs-size: 0.75rem;
  --art-type-xs-line-height: 1rem;
  --art-type-xs-weight: 400;
  --art-type-xs-letter-spacing: 0;
  --art-type-sm-size: 0.875rem;
  --art-type-sm-line-height: 1.25rem;
  --art-type-sm-weight: 400;
  --art-type-sm-letter-spacing: 0;
  --art-type-base-size: 1rem;
  --art-type-base-line-height: 1.5rem;
  --art-type-base-weight: 400;
  --art-type-base-letter-spacing: 0;
  --art-type-lg-size: 1.125rem;
  --art-type-lg-line-height: 1.75rem;
  --art-type-lg-weight: 500;
  --art-type-lg-letter-spacing: 0;
  --art-type-xl-size: 1.25rem;
  --art-type-xl-line-height: 1.75rem;
  --art-type-xl-weight: 600;
  --art-type-xl-letter-spacing: 0;
  --art-type-2xl-size: 1.5rem;
  --art-type-2xl-line-height: 2rem;
  --art-type-2xl-weight: 600;
  --art-type-2xl-letter-spacing: 0;
  --art-type-3xl-size: 1.875rem;
  --art-type-3xl-line-height: 2.25rem;
  --art-type-3xl-weight: 700;
  --art-type-3xl-letter-spacing: 0;
}

:root {
  --art-color-primary: #400082;
  --art-color-secondary: #ffc914;
  --art-color-accent: #fe346e;
  --art-color-danger: #dc2626;
  --art-color-success: #16a34a;
  --art-color-warning: #ffc914;
  --art-color-info: #0284c7;
  --art-background-primary: #ffffff;
  --art-background-secondary: #f8fafc;
  --art-background-muted: #f1f5f9;
  --art-text-primary: #0f172a;
  --art-text-secondary: #64748b;
  --art-text-muted: #94a3b8;
  --art-text-inverse: #ffffff;
  --art-border-color: #e2e8f0;
  --art-radius-sm: 4px;
  --art-radius-md: 8px;
  --art-radius-lg: 16px;
  --art-shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
  --art-shadow-md: 0 4px 6px rgba(0,0,0,0.07);
  --art-shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
  --art-font-primary: Inter, system-ui, sans-serif;
  --art-font-secondary: Inter, system-ui, sans-serif;
  --art-layout-sidebar-width: 260px;
  --art-layout-header-height: 64px;
  --art-spacing-container: 1280px;
  --art-spacing-xs: 0.25rem;
  --art-spacing-sm: 0.5rem;
  --art-spacing-md: 1rem;
  --art-spacing-lg: 1.5rem;
  --art-spacing-xl: 2rem;
}

[data-theme="dark"] {
  --art-color-primary: #9136fd;
  --art-color-secondary: #ffc914;
  --art-color-accent: #fe346e;
  --art-color-danger: #ef4444;
  --art-color-success: #22c55e;
  --art-color-warning: #ffc914;
  --art-color-info: #38bdf8;
  --art-background-primary: #0f0720;
  --art-background-secondary: #1a0f33;
  --art-background-muted: #2d1b4e;
  --art-text-primary: #f8fafc;
  --art-text-secondary: #94a3b8;
  --art-text-muted: #64748b;
  --art-text-inverse: #0f0720;
  --art-border-color: #2d1b4e;
  --art-radius-sm: 4px;
  --art-radius-md: 8px;
  --art-radius-lg: 16px;
  --art-shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --art-shadow-md: 0 4px 6px rgba(0,0,0,0.4);
  --art-shadow-lg: 0 10px 15px rgba(0,0,0,0.5);
  --art-font-primary: Inter, system-ui, sans-serif;
  --art-font-secondary: Inter, system-ui, sans-serif;
  --art-layout-sidebar-width: 260px;
  --art-layout-header-height: 64px;
  --art-spacing-container: 1280px;
  --art-spacing-xs: 0.25rem;
  --art-spacing-sm: 0.5rem;
  --art-spacing-md: 1rem;
  --art-spacing-lg: 1.5rem;
  --art-spacing-xl: 2rem;
}

:root {
  --art-brand-name: Artiuo Studio;
  --art-brand-logo: brand/logo.svg;
  --art-brand-logo-dark: brand/logo-dark.svg;
  --art-brand-logo-white: brand/logo-white.svg;
  --art-brand-icon: brand/icon.svg;
  --art-brand-icon-dark: brand/artiuo-icon-w.svg;
  --art-brand-favicon: brand/icon.svg;
  --art-brand-color-primary: #400082;
  --art-brand-color-secondary: #ffc914;
  --art-brand-color-accent: #fe346e;
}

.art-btn--accept {
  background: var(--art-color-success);
  color: #ffffff;
}

.art-btn--accept:hover:not(:disabled) {
  background: #15803d;
  color: #ffffff;
}

.art-btn--reject {
  background: var(--art-color-danger);
  color: #ffffff;
}

.art-btn--reject:hover:not(:disabled) {
  background: #b91c1c;
  color: #ffffff;
}

.art-btn--outline {
  background: transparent;
  color: var(--art-color-primary);
  border-color: var(--art-color-primary);
}