@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@400;700;900&display=swap');
:root {
  --font-family: "Merriweather", serif;
  --brand-logo: url("https://thumbs.paysite.com/assets/logo_1777143367123.png");
  --color-base-100: #1a2332;
  --color-base-200: #131b27;
  --color-base-300: #0d141d;
  --color-base-content: #e8eef5;
  --color-primary: #FF6B35;
  --color-primary-content: #FFFFFF;
  --color-secondary: #FDB833;
  --color-secondary-content: #1a1a1a;
  --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-04-25 18:57] let's make my background gradient torquoise to white */
/* [2026-04-25 18:58] gradient should have been horizontal */
/* [2026-04-25 18:59] let's make the font times new roman */
/* [2026-04-25 22:23] Change font to roboto */

.ps-body {
  --color-base-200: linear-gradient(90deg, #40E0D0 0%, #FFFFFF 100%);
  --color-base-100: #39cabb;
  --color-base-300: #66e6d8;
  --color-base-content: #000000;
  font-family: "Roboto", sans-serif;
}