:root {
  --background: #0f172a;
  --first: #0ea5e9;
  --first-dark: #1f7da7;
  --first-border-focus: #baeaff;
  --GreenVogue: #1c3039;
  --foreground: #0f172a;
  --muted-foreground: #64748b;
  --secondary: #e6f7fb;
  --secondary-foreground: #0f3b46;
  --card: #ffffff;
  --card-foreground: #0f172a;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --font-family: 'Inter', 'Inter Fallback';
  --border: #dbe4f0;
  --input-color: #686868;
  --input-focus-color: #c7c2c2 !important;
  --panel-header-bg: #e9ecef;
}


.btn-first {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--first);
  --bs-btn-border-color: var(--first);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--first-dark);
  --bs-btn-hover-border-color: var(--first-dark);
  --bs-btn-focus-shadow-rgb: 69, 90, 100;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--first-dark);
  --bs-btn-active-border-color: var(--first-dark);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--first-dark-disable);
  --bs-btn-disabled-border-color: var(--first-dark-disable);
}

.logo {
  line-height: 1;
  background: var(--background) !important;
  justify-content: center;
}