:root {
  --bg: #f4f8fb;
  --bg-accent: #e7f2f6;
  --card: #ffffff;
  --text: #1f2937;
  --muted: #5f6b76;
  --border: #d6e3ea;
  --primary: #0f6e8c;
  --primary-dark: #0b5870;
  --primary-soft: #d9eef4;
  --success-bg: #ecfdf5;
  --success-border: #a7f3d0;
  --success-text: #065f46;
  --danger-bg: #fee2e2;
  --danger-text: #991b1b;
  --danger-hover: #fecaca;
  --secondary-bg: #e8edf2;
  --secondary-text: #111827;
  --preview-bg: #f8fafc;
  --shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
  --radius: 16px;
}