:root {
    --text: #0b0505;
    --background: #fdfafa;
    --primary: #cd484f;
    --secondary: #e68186;
    --accent: #e84c54;

    --text-50: #f7eded;
    --text-100: #efdcdc;
    --text-200: #dfb9b9;
    --text-300: #d09595;
    --text-400: #c07272;
    --text-500: #b04f4f;
    --text-600: #8d3f3f;
    --text-700: #6a2f2f;
    --text-800: #462020;
    --text-900: #231010;
    --text-950: #120808;

    --background-50: #f8eded;
    --background-100: #f0dbdb;
    --background-200: #e2b6b6;
    --background-300: #d39292;
    --background-400: #c56d6d;
    --background-500: #b64949;
    --background-600: #923a3a;
    --background-700: #6d2c2c;
    --background-800: #491d1d;
    --background-900: #240f0f;
    --background-950: #120707;

    --primary-50: #faebec;
    --primary-100: #f4d7d8;
    --primary-200: #e9afb2;
    --primary-300: #de878b;
    --primary-400: #d35f65;
    --primary-500: #c8373e;
    --primary-600: #a02c32;
    --primary-700: #782125;
    --primary-800: #501619;
    --primary-900: #280b0c;
    --primary-950: #140506;

    --secondary-50: #fbeaeb;
    --secondary-100: #f7d4d6;
    --secondary-200: #eeaaad;
    --secondary-300: #e67f84;
    --secondary-400: #dd555b;
    --secondary-500: #d52a33;
    --secondary-600: #aa2228;
    --secondary-700: #80191e;
    --secondary-800: #551114;
    --secondary-900: #2b080a;
    --secondary-950: #150405;

    --accent-50: #fce8e9;
    --accent-100: #f9d2d4;
    --accent-200: #f3a5a9;
    --accent-300: #ed787d;
    --accent-400: #e84a52;
    --accent-500: #e21d27;
    --accent-600: #b5171f;
    --accent-700: #871217;
    --accent-800: #5a0c10;
    --accent-900: #2d0608;
    --accent-950: #170304;


}

.primary-btn {
  background-color: var(--primary-color);
  color: oklch(from currentColor calc(l - 0.5) c h);
  border: none;
  padding: 10px 20px;
  border-radius: 8px;
  cursor: pointer;
  font-weight: bold;
  transition: background-color 0.15s ease, color 0.15s ease;
  &:hover {
    background-color: oklch(from var(--primary-color) calc(l + 0.1) calc(c + 0.1) h);
    color: oklch(from var(--primary-color) calc(l - 1) calc(c + 0.1) h);
  }
}