/* Artemp Sempre — Design Tokens */
:root {
  /* Paleta principal */
  --color-primary: #1a3a5c;
  --color-primary-dark: #0d2137;
  --color-primary-light: #1e4a6e;
  --color-green: #27ae60;
  --color-green-light: #2ecc71;
  --color-white: #ffffff;
  --color-bg: #0f1923;
  --color-bg-card: #162736;
  --color-bg-elevated: #1a3048;
  --color-text: #e0e6ed;
  --color-text-muted: #7f8c8d;
  --color-text-secondary: #95a5a6;
  --color-accent: #4fc3f7;
  --color-accent-light: #81d4fa;
  --color-warning: #f39c12;
  --color-danger: #e74c3c;
  --color-border: #1e3a52;

  /* Tipografia */
  --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-size-xs: 10px;
  --font-size-sm: 12px;
  --font-size-base: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;

  /* Espaçamento */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-2xl: 32px;
  --space-3xl: 48px;

  /* Bordas */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 9999px;

  /* Sombras */
  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.2);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.25);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.3);

  /* Transições */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s ease;

  /* Layout */
  --topbar-height: 72px;
  --nav-height: 48px;
  --sidebar-width: 240px;
}