:root {
  --primary-25: #fff8f7;
  --primary-50: #fcf3f8;
  --primary-100: #faeaec;
  --primary-200: #efdee0;
  --primary-300: #f1b0d0;
  --primary-400: #e87eb0;
  --primary-500: #dd5793;
  --primary-600: #ca3872;
  --primary-700: #ba2a5f;
  --primary-800: #91234a;
  --primary-900: #792241;
  --primary-950: #490e22;

  --neutral-50: #f8f7f8;
  --neutral-100: #f0f0f0;
  --neutral-200: #dcdbdc;
  --neutral-300: #bebbbd;
  --neutral-400: #9b9598;
  --neutral-500: #7e797d;
  --neutral-600: #676265;
  --neutral-700: #545053;
  --neutral-800: #484447;
  --neutral-900: #3e3c3d;
  --neutral-950: #302e2f;

  --primary: var(--primary-700);
  --on-primary: var(--neutral-50);
  --primary-dim: var(--primary-900);
  --primary-light: var(--primary-100);
  --on-primary-light: var(--neutral-950);

  --text-dark: var(--neutral-950);
  --text-light: var(--neutral-50);
  --background: var(--primary-25);

  --surface: var(--neutral-950);
  --on-surface: var(--neutral-200);
  --surface-light: var(--primary-200);
  --on-surface-light: var(--neutral-950);

  --danger: var(--color-danger-600);
  --success: var(--color-success-600);

  --radii-xs: 0px;
  --radii-sm: 0px;
  --radii-md: 0px;
  --radii-lg: 0px;
  --radii-xl: 0px;
  --radii-2xl: 0px;
  --radii-3xl: 0px;
  --radii-4xl: 0px;
  --radii-full: 0px;
}