/* static/css/variables.css */
:root {
  /* 🎨 Cores */
  --primary-color: #6938EF;
  --primary-color-700: #5925DC;
  --primary-color-300: #D6BBFB;
  --primary-color-100: #EBE9FE;
  --primary-color-50: #F4F3FF;
  --secondary-color: #FAFAFF;
  --success-color-50: #ECFDF3;
  --success-color-100: #D1FADF;
  --success-color-300: #6CE9A6;
  --success-color-400: #32D583;
  --success-color-500: #12B76A;
  --success-color-600: #039855;
  --success-color-700: #027A48;
  --info-color-50: #EFF4FF;
  --info-color-100: #D1E0FF;
  --info-color-200: #B2CCFF;
  --info-color-300: #84ADFF;
  --info-color-400: #528BFF;
  --info-color-500: #2970FF;
  --info-color-600: #155EEF;
  --info-color-700: #004EEB;
  --danger-color-50: #FEF3F2;
  --danger-color-100: #FEE4E2;
  --danger-color-500: #F04438;
  --danger-color-600: #D92D20;
  --danger-color-700: #B42318;
  --warning-color-50: #FFFAEB;
  --warning-color-100: #FEF0C7;
  --warning-color-300: #FEC84B;
  --warning-color-500: #F79009;
  --warning-color-600: #DC6803;
  --warning-color-700: #B54708;
  --light-color-50: #FAFAFA;
  --light-color: #F5F5F5;
  --light-color-200: #E9EAEB;
  --light-color-300: #D5D7DA;
  --text-color: #535862;
  --text-color-500: #717680;
  --text-color-600: #535862;
  --text-color-700: #414651;
  --text-color-900: #181D27;
  --sidebar-width: 255px;
  --sidebar-width-collapsed: 80px;

  /* 🖋️ Tipografia
    sm -> 12px
    md -> 14px;
    heading sm -> 18px;
    heading sm -> 24px;
  */ 
  --font-family: 'Inter', sans-serif;
  --font-size-base: 16px;
  --font-size-sm: 0.75rem;
  --font-size-md: 0.875rem;
  --font-size-heading-sm: 1.125rem;
  --font-size-heading-lg: 2rem;
  --font-size-heading: 1.5rem;

  /* 📐 Espaçamentos */
  --spacing-small: 8px;
  --spacing-medium: 16px;
  --spacing-large: 24px;

  /* Bordas */
  --border-radius: 5px;
  --border-radius-md: 8px;
  --border-radius-lg: 12px;

  /* Sombras */
  --shadow:  0px 13px 19px 0px rgba(0, 0, 0, 0.07);
  --shadow-sm: 0 1px 2px rgba(0,0,0,0.1);
  --shadow-md: 0 2px 4px rgba(0,0,0,0.15);
  --shadow-lg: 0 4px 8px rgba(0,0,0,0.2);
}