
/* new theme 2025 */
:root {
  --v2-primary: #001829;

  --v2-secondary-50: #FFF5E0;

  --v2-secondary-500: #FCB351;

  --v2-nuetral-50: #26333D14;
  --v2-nuetral-100: #FAFAFA;
  --v2-nuetral-150: #F0F1F2;
  --v2-nuetral-200: #b6bbbe;
  --v2-nuetral-400: #99A1A6;
  --v2-nuetral-600: #7D858B;
  --v2-nuetral-700: #677077;

  --v2-bg-light: #FFFFFF;


  /* Primary colors */
  --v2-primary: #002947ea;
  --v2-primary-main-100: #E0F2FF;
  --v2-primary-main: #0084E2;
  --v2-primary-100: #E5EEFA;
  --v2-primary-500: #0084E2;
  --v2-primary-900: #001829;

  /* Seconrary bg */
  --v2-bg-secondary-100: #FFFCF8;
  --v2-bg-secondary-200: #FFF8E6;


  /* UI Element colors */
  --v2-input-border: rgba(0, 24, 41, 0.22);
  --v2-chip-background: rgba(0, 24, 41, 0.08);
  --v2-filled-input-bg: rgba(0, 24, 41, 0.06);
  --v2-backdrop-overlay: rgba(0, 24, 41, 0.60);
  --v2-outline-border: rgba(0, 24, 41, 0.24);
  --v2-divider: rgba(0, 24, 41, 0.12);
  --v2-action-focus: rgba(0, 24, 41, 0.10);
  --v2-action-disabled-bg: rgba(0, 24, 41, 0.16);
  --v2-action-disabled: rgba(0, 24, 41, 0.30);
  --v2-action-selected: rgba(0, 132, 226, 0.05);
  --v2-action-hover: rgba(0, 24, 41, 0.04);
  --v2-text-disabled: rgba(0, 24, 41, 0.40);
  --v2-text-subtitle: rgba(0, 24, 41, 0.55);
  --v2-action-active: rgba(0, 24, 41, 0.08);
  --v2-text-secondary: rgba(0, 24, 41, 0.70);
  --v2-text-primary: rgba(0, 24, 41, 0.90);

  /* Background colors */
  --v2-body-bg: #FCFDFD;
  --v2-card-bg: #FFF;
  --v2-card-filled-bg: #FFF;
  --v2-card-filled-1-bg: #fff;
  --v2-snackbar: #2B363D;

  /* Status colors */
  --v2-warning-50: #FFF7EC;
  --v2-warning-100: #FFECD9;
  --v2-warning-200: #FF9F4329;
  --v2-warning-500: #FF9F43;
  --v2-warning-800: #CC7F36;

  --v2-danger-500: #FF4C51;
  --v2-success-500: #28C76F;
  --v2-info-500: #40A0FF;

  --v2-warning: #FF9F43;
  --v2-danger: #FF4C51;
  --v2-success: #28C76F;
  --v2-info: #40A0FF;

  --v2-success-100: rgba(40, 199, 111, 0.08);
  --v2-success-200: rgba(40, 199, 111, 0.16);
  --v2-success-800: #209F59;
  --v2-success-900: #1E9553;

  --v2-danger-50: rgb(255, 241, 241);
  --v2-danger-100: rgba(255, 76, 82, 0.08);
  --v2-danger-150: rgb(255, 76, 82, 0.16);
  --v2-danger-200: rgba(255, 76, 82, 0.24);
  --v2-danger-800: #E64449;

  --v2-info-100: rgba(64, 160, 255, 0.08);

  --v2-text-2xs: .625rem;
  --v2-text-xs: .75rem;
  --v2-text-sm: .875rem;
  --v2-text-base: 1rem;
  --v2-text-lg: 1.125rem;
  --v2-text-xl: 1.25rem;
  --v2-text-2xl: 1.5rem;
  --v2-text-3xl: 1.75rem;
}
