/* Shared theme tokens (aligned with public editor UI) */

:root {
  --vdecor-brand-start: #667eea;
  --vdecor-brand-end: #764ba2;

  --vdecor-accent-gradient: linear-gradient(135deg, var(--vdecor-brand-start) 0%, var(--vdecor-brand-end) 100%);

  --vdecor-bg-start: #f5f7fa;
  --vdecor-bg-end: #c3cfe2;

  --vdecor-bg-muted: #f8f9fa;

  --vdecor-surface: rgba(255, 255, 255, 0.95);
  --vdecor-surface-solid: #ffffff;

  --vdecor-surface-subtle: #f9f9f9;

  --vdecor-text: #2c3e50;
  --vdecor-muted: #7f8c8d;

  --vdecor-text-strong: #333;
  --vdecor-text-subtle: #666;
  --vdecor-text-faint: #999;

  --vdecor-border: rgba(0, 0, 0, 0.08);
  --vdecor-border-subtle: #ecf0f1;
  --vdecor-border-input: #e0e0e0;
  --vdecor-border-strong: #ddd;
  --vdecor-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
  --vdecor-shadow-hover: 0 12px 40px rgba(0, 0, 0, 0.15);

  --vdecor-radius-sm: 8px;
  --vdecor-radius-md: 12px;
  --vdecor-radius-lg: 20px;

  --vdecor-danger: #e74c3c;
  --vdecor-danger-hover: #c0392b;
}