:root {
  /* Vislog Color System */
  --color-primary: #1F6F78;
  --color-primary-dark: #0F3D3E;
  --color-accent: #F2B441;
  --color-background: #F7F9FA;
  --color-surface: #FFFFFF;
  --color-border: #E5E7EB;
  --color-text: #111827;
  --color-text-muted: #6B7280;

  /* Spacing */
  --spacing-xs: 8px;
  --spacing-sm: 12px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;

  /* Radius */
  --radius-input: 10px;
  --radius-card: 14px;
  --radius-sheet: 20px;

  /* Shadows */
  --shadow-card: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 4px 16px rgba(0, 0, 0, 0.12);
}