/* brand: pspi */
:root {
  --color-primary-50: #fff1f5;
  --color-primary-100: #ffe4ec;
  --color-primary-200: #fdc6d1;
  --color-primary-300: #f79fb0;
  --color-primary-500: #b11a3b;
  --color-primary-600: #941535;
  --color-primary-700: #78112d;
  --color-primary-800: #520a1f;
  --color-primary-900: #3c0718;
  --color-accent-50: #fff1f5;
  --color-accent-100: #ffe4ec;
  --color-accent-200: #fdc6d1;
  --color-accent-300: #f79fb0;
  --color-accent-500: #b11a3b;
  --color-accent-600: #941535;
  --color-accent-700: #78112d;
  --color-accent-800: #520a1f;
  --color-accent-900: #3c0718;
  --ui-page-bg: #fff1f5;
  --ui-card-bg: #ffe4ec;
  --ui-border: #f79fb0;
  --ui-hover: #fff1f5;
  --ui-button-bg: #fdc6d1;
  --ui-button-text: #78112d;
  --ui-button-border: #b11a3b;
  --ui-button-hover: #f79fb0;
  --ui-menu-active-bg: var(--color-accent-100);
  --ui-menu-active-text: var(--color-accent-700);
  --surface-bg: #fff1f5;
  --surface-bg-dark: #3c0718;
  --ui-input-bg: #ffffff;
  --ui-input-border: #f79fb0;
  --ui-input-text: #3c0718;
  --ui-input-placeholder: #b11a3b;
  --ui-input-focus-border: #941535;
  --ui-input-focus-ring: #b11a3b;
  --brand-gradient-from: #ffe4ec;
  --brand-gradient-to: #f79fb0;
  --ui-link-color: var(--color-accent-600);
  --ui-link-hover: var(--color-accent-700);
  --ui-link-focus: var(--color-accent-700);
  --ui-attachment-bg: var(--color-accent-50);
  --ui-attachment-border: var(--color-accent-600);
  --ui-attachment-text: var(--color-accent-600);
}
.dark {
  --ui-page-bg: #3c0718;
  --ui-card-bg: #520a1f;
  --ui-border: #941535;
  --ui-hover: #78112d;
  --ui-button-bg: #b11a3b;
  --ui-button-text: #ffffff;
  --ui-button-border: #941535;
  --ui-button-hover: #941535;
  --ui-menu-active-bg: rgba(177,26,59,0.35);
  --ui-menu-active-text: #ffffff;
  --surface-bg: #3c0718;
  --ui-input-bg: #78112d;
  --ui-input-border: #941535;
  --ui-input-text: #ffe4ec;
  --ui-input-placeholder: #fdc6d1;
  --ui-input-focus-border: #b11a3b;
  --ui-input-focus-ring: #941535;
  --brand-gradient-from: #ED1845;
  --brand-gradient-to: #766660;
  --ui-link-color: var(--color-accent-500);
  --ui-link-hover: var(--color-accent-400);
  --ui-link-focus: var(--color-accent-400);
  --ui-attachment-bg: rgba(177, 26, 59, 0.1);
  --ui-attachment-border: var(--color-accent-500);
  --ui-attachment-text: var(--color-accent-500);
}