/* Design System - Cores Wildtech */

:root {
  /* Cores Wildtech */
  --primary-orange: #ff7b00;
  --primary-brown: #8b4513;
  --gradient-wildtech: linear-gradient(135deg, #ff7b00 0%, #8b4513 100%);

  /* Milestones - Progressão Quente → Frio (Fibonacci) */
  --milestone-bronze: #ff7b00;      /* 7 dias - Laranja (brand) */
  --milestone-silver: #ff5722;      /* 30 dias - Laranja-vermelho */
  --milestone-gold: #e91e63;        /* 90 dias - Vermelho-rosa */
  --milestone-platinum: #9c27b0;    /* 180 dias - Roxo */
  --milestone-diamond: #673ab7;     /* 365 dias - Roxo-índigo */
  --milestone-sapphire: #3f51b5;    /* 730 dias - Índigo */
  --milestone-infinity: #2196f3;    /* 1095+ dias - Azul */

  /* Gradientes para badges de marcos */
  --gradient-bronze: linear-gradient(135deg, #ff7b00 0%, #ff9800 100%);
  --gradient-silver: linear-gradient(135deg, #ff5722 0%, #ff7043 100%);
  --gradient-gold: linear-gradient(135deg, #e91e63 0%, #f06292 100%);
  --gradient-platinum: linear-gradient(135deg, #9c27b0 0%, #ba68c8 100%);
  --gradient-diamond: linear-gradient(135deg, #673ab7 0%, #9575cd 100%);
  --gradient-sapphire: linear-gradient(135deg, #3f51b5 0%, #7986cb 100%);
  --gradient-infinity: linear-gradient(135deg, #2196f3 0%, #64b5f6 100%);

  /* Cores Base - Light Mode */
  --background: #f5f7fa;
  --surface: #ffffff;
  --text-primary: #333333;
  --text-secondary: #666666;

  /* Bordas e Divisores */
  --border-color: #e1e8ed;
  --border-card: var(--primary-orange);

  /* Sombras */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 2px 10px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 4px 20px rgba(0, 0, 0, 0.15);

  /* Tipografia */
  --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-size-base: 16px;
  --line-height: 1.6;

  /* Tamanhos de Fonte */
  --font-size-xs: 0.75rem;   /* 12px */
  --font-size-sm: 0.875rem;  /* 14px */
  --font-size-md: 1rem;      /* 16px */
  --font-size-lg: 1.25rem;   /* 20px */
  --font-size-xl: 1.5rem;    /* 24px */
  --font-size-2xl: 2rem;     /* 32px */

  /* Pesos */
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* Espaçamento */
  --spacing-xs: 0.25rem;  /* 4px */
  --spacing-sm: 0.5rem;   /* 8px */
  --spacing-md: 1rem;     /* 16px */
  --spacing-lg: 1.5rem;   /* 24px */
  --spacing-xl: 2rem;     /* 32px */
  --spacing-2xl: 3rem;    /* 48px */

  /* Bordas */
  --border-radius-sm: 4px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;
}