@import url('https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,100..900;1,100..900&display=swap');
:root {
  --font-family: "Inter Tight",sans-serif;
  --brand-logo: url("https://thumbs.paysite.com/assets/logo_1778147361918.png");
  --color-base-100: #0d0618;
  --color-base-200: #080310;
  --color-base-300: #030108;
  --color-base-content: #d4ffd4;
  --color-primary: #39ff14;
  --color-primary-content: #001a06;
  --color-secondary: #ff1493;
  --color-secondary-content: #1a0009;
  --radius-selector: 0.5rem;
  --radius-field: 0.5rem;
  --radius-box: 0.8rem;
  --size-selector: 4px;
  --size-field: 4px;
  --size-grid-item-margin: 10px;
  --border-border: 1px;
  --depth-depth: 1;
  --noise-noise: 0;
}


/* Theme CSS Overrides */
/* [2026-05-07 09:50] i want the background to be gradient verticaly black to purple */

.ps-body {
  --color-base-200: linear-gradient(180deg, #000000 0%, #4a148c 100%);
  --color-base-100: #3d1173;
  --color-base-300: #5c1fa5;
  --color-base-content: #f3e5f5;
}