html[data-theme="default"] {
  /* Primary colors inspired by Node.js green */
  --bf-primary: #0ddb4b;
  /* Node.js base green */
  --bf-primary-400: #4A9B47;
  /* Slightly lighter */
  --bf-primary-300: #5CAF59;
  /* Lighter */
  --bf-primary-200: #71C36E;
  /* Even lighter */
  --bf-primary-100: #86D783;
  /* Lightest */

  /* Neutral colors (unchanged) */
  --bf-neutral-950: #141312;
  --bf-neutral-900: #1a1918;
  --bf-neutral-800: #2e2d2c;
  --bf-neutral-700: #4a4948;
  --bf-neutral-600: #6b6b6b;
  --bf-neutral-500: #8c8c8c;
  --bf-neutral-450: #969696;
  --bf-neutral-400: #a0aec0;
  --bf-neutral-300: #b1b5c1;
  --bf-neutral-200: #c3c7d3;
  --bf-neutral-100: #d5d9e5;
  --bf-neutral-50: #f8fafc;

  /* Other colors (unchanged) */
  --bf-white: #ffffff;
  --bf-success: #16cc0e;
  --bf-danger: #d52020;
  --bf-warning: #ecb092;
  --bf-warning-100: #feef9a;
  --bf-warning-alert: #ffca36;
  --bf-info: #335bfd;
  --bf-info-100: #899ef3;

  /* Text (unchanged) */
  --bf-color-disabled: #e5e6e7;
  --bf-color-link: #004493;

  /* Background (unchanged) */
  --bf-bg-950: #131520;
  --bf-bg-900: #151a25;
  --bf-bg-800: #1a1f2b;
  --bf-bg-700: #1d2532;
  --bf-bg-600: #202a38;
  --bf-bg-500: #253041;
  --bg-bg-450: #252830;
  --bf-bg-400: #283546;
  --bf-bg-300: #303743;
  --bf-bg-200: #2f3942;
  --bf-bg-100: #2e343d;
  --bf-bg-50: #3c4450;

  /* Transparency (unchanged) */
  --bf-bg-950-transparent: rgba(19, 21, 32, 0.8);
  --bf-bg-900-transparent: rgba(21, 26, 37, 0.8);
  --bf-bg-800-transparent: rgba(26, 31, 43, 0.8);
  --bf-bg-700-transparent: rgba(29, 37, 50, 0.8);
  --bf-bg-600-transparent: rgba(32, 42, 56, 0.8);
  --bf-bg-500-transparent: rgba(37, 48, 65, 0.8);
  --bf-bg-400-transparent: rgba(40, 53, 70, 0.8);
  --bf-bg-300-transparent: rgba(48, 55, 67, 0.8);
  --bf-bg-200-transparent: rgba(47, 57, 66, 0.8);
  --bf-bg-100-transparent: rgba(46, 52, 61, 0.8);
  --bf-bg-50-transparent: rgba(60, 68, 80, 0.8);
  --bf-success-transparent: rgba(22, 204, 14, 0.8);
  --bf-warning-transparent: rgb(254 239 154 / 80%);
  --bf-info-transparent: rgba(51, 91, 253, 0.8);
  --bf-danger-transparent: rgba(213, 32, 32, 0.8);

  /* Borders (unchanged) */
  --bg-border-gray-100: #e2e8f04d;
  --bg-border-gray-200: #dddddd6e;

  /* border-radius */
  --bf-border-radius: 0.5rem;
}


.safari input,
.safari select,
.safari textarea {
  font-size: 16px !important;
}