/* Design tokens - estilo EmiteJa minimalista */
:root {
  --color-bg-primary: #FFFFFF;
  --color-bg-secondary: #F5F5F5;
  --color-sidebar: #F7F7F8;
  --color-accent: #007AFF;
  --color-accent-hover: #0051D5;
  --color-text-primary: #1D1D1F;
  --color-text-secondary: #86868B;
  --color-border: #E5E5EA;
  --color-error: #FF3B30;
  --color-success: #34C759;

  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 20px;

  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 2px 8px rgba(0, 0, 0, 0.08);

  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;

  --sidebar-width: 240px;
  --sidebar-width-collapsed: 70px;
  --header-height: 56px;
}