@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600;700&family=Source+Serif+4:wght@400;500;600;700&display=swap");

:root {
  --font-body: "Poppins", sans-serif;
  --font-heading: "Poppins", sans-serif;

  --bg: #f5f6f8;
  --bg-gradient: linear-gradient(180deg, #fbfcfd 0%, #f4f6f8 60%, #fbfcfd 100%);
  --surface: #ffffff;
  --surface-soft: #f0f2f5;
  --text: #14161c;
  --text-soft: #4d5462;
  --line: #e1e5ec;
  --accent-orange: #ff7a1a;
  --accent-pink: #ef2d92;
  --accent-purple: #7f45f5;
  --accent-lime: #b6d91d;
  --radius-lg: 24px;
  --radius-md: 16px;
  --shadow-soft: 0 16px 40px rgba(17, 24, 39, 0.09);


  /* Auto-generated color tokens from style.css */
  --clr-hex-fbfcfd: #fbfcfd;
  --clr-hex-f4f6f8: #f4f6f8;
  --clr-rgba-255-122-26-1: rgba(255, 122, 26, 1);
  --clr-rgba-255-122-26-0: rgba(255, 122, 26, 0);
  --clr-rgba-127-69-245-1: rgba(127, 69, 245, 1);
  --clr-rgba-127-69-245-0: rgba(127, 69, 245, 0);
  --clr-rgba-182-217-29-1: rgba(182, 217, 29, 1);
  --clr-rgba-182-217-29-0: rgba(182, 217, 29, 0);
  --clr-rgba-251-252-253-0-72: rgba(251, 252, 253, 0.72);
  --clr-rgba-225-229-236-0-55: rgba(225, 229, 236, 0.55);
  --clr-rgba-248-250-253-0-94: rgba(248, 250, 253, 0.94);
  --clr-rgba-219-224-233-0-95: rgba(219, 224, 233, 0.95);
  --clr-rgba-16-20-32-0-08: rgba(16, 20, 32, 0.08);
  --clr-hex-1e222d: #1e222d;
  --clr-rgba-127-69-245-0-08: rgba(127, 69, 245, 0.08);
  --clr-rgba-127-69-245-0-32: rgba(127, 69, 245, 0.32);
  --clr-hex-ffffff: #ffffff;
  --clr-hex-f6f0ff: #f6f0ff;
  --clr-hex-fff3f8: #fff3f8;
  --clr-hex-1f2430: #1f2430;
  --clr-rgba-127-69-245-0-16: rgba(127, 69, 245, 0.16);
  --clr-rgba-20-22-28-0-2: rgba(20, 22, 28, 0.2);
  --clr-rgba-218-224-233-0-9: rgba(218, 224, 233, 0.9);
  --clr-rgba-20-24-38-0-12: rgba(20, 24, 38, 0.12);
  --clr-rgba-255-255-255-0-96: rgba(255, 255, 255, 0.96);
  --clr-hex-2b3342: #2b3342;
  --clr-hex-f5f0ff: #f5f0ff;
  --clr-rgba-127-69-245-0-12: rgba(127, 69, 245, 0.12);
  --clr-rgba-255-122-26-0-16: rgba(255, 122, 26, 0.16);
  --clr-hex-fff: #fff;
  --clr-rgba-14-20-34-0-06: rgba(14, 20, 34, 0.06);
  --clr-rgba-255-122-26-0-12: rgba(255, 122, 26, 0.12);
  --clr-rgba-239-45-146-0-1: rgba(239, 45, 146, 0.1);
  --clr-rgba-182-217-29-0-12: rgba(182, 217, 29, 0.12);
  --clr-rgba-255-255-255-0-9: rgba(255, 255, 255, 0.9);
  --clr-rgba-246-248-252-0-75: rgba(246, 248, 252, 0.75);
  --clr-rgba-239-45-146-0-12: rgba(239, 45, 146, 0.12);
  --clr-rgba-255-255-255-0: rgba(255, 255, 255, 0);
  --clr-rgba-255-255-255-0-34: rgba(255, 255, 255, 0.34);
  --clr-rgba-255-122-26-0-3: rgba(255, 122, 26, 0.3);
  --clr-rgba-127-69-245-0-3: rgba(127, 69, 245, 0.3);
  --clr-rgba-182-217-29-0-3: rgba(182, 217, 29, 0.3);
  --clr-rgba-255-122-26-0-45: rgba(255, 122, 26, 0.45);
  --clr-rgba-127-69-245-0-45: rgba(127, 69, 245, 0.45);
  --clr-rgba-182-217-29-0-5: rgba(182, 217, 29, 0.5);
  --clr-rgba-127-69-245-0-14: rgba(127, 69, 245, 0.14);
  --clr-rgba-239-45-146-0-14: rgba(239, 45, 146, 0.14);
  --clr-rgba-127-69-245-0-1: rgba(127, 69, 245, 0.1);
  --clr-rgba-255-255-255-0-95: rgba(255, 255, 255, 0.95);
  --clr-rgba-247-249-252-0-9: rgba(247, 249, 252, 0.9);
  --clr-rgba-14-20-34-0-07: rgba(14, 20, 34, 0.07);
  --clr-rgba-14-20-34-0-11: rgba(14, 20, 34, 0.11);
  --clr-rgba-255-122-26-0-14: rgba(255, 122, 26, 0.14);
  --clr-rgba-16-23-36-0-07: rgba(16, 23, 36, 0.07);
  --clr-rgba-16-23-36-0-11: rgba(16, 23, 36, 0.11);
  --clr-hex-667087: #667087;
  --clr-hex-2a3242: #2a3242;
  --clr-hex-8a92a3: #8a92a3;
  --clr-hex-4a5365: #4a5365;
  --clr-hex-596377: #596377;
  --clr-rgba-184-193-208-0-9: rgba(184, 193, 208, 0.9);
  --clr-rgba-255-255-255-0-75: rgba(255, 255, 255, 0.75);
  --clr-hex-535d72: #535d72;
  --clr-hex-2b3444: #2b3444;
  --clr-rgba-127-69-245-0-6: rgba(127, 69, 245, 0.6);
  --clr-hex-4a2bb0: #4a2bb0;
  --clr-rgba-15-22-35-0-06: rgba(15, 22, 35, 0.06);
  --clr-hex-4e5668: #4e5668;
  --clr-rgba-127-69-245-0-52: rgba(127, 69, 245, 0.52);
  --clr-hex-5a6478: #5a6478;
  --clr-rgba-15-20-33-0-06: rgba(15, 20, 33, 0.06);
  --clr-hex-4a5363: #4a5363;
  --clr-hex-2f3747: #2f3747;
  --clr-rgba-13-20-33-0-08: rgba(13, 20, 33, 0.08);
  --clr-hex-30384a: #30384a;
  --clr-rgba-16-22-34-0-08: rgba(16, 22, 34, 0.08);
  --clr-rgba-239-45-146-0-22: rgba(239, 45, 146, 0.22);
  --clr-rgba-239-45-146-0: rgba(239, 45, 146, 0);
  --clr-rgba-255-122-26-0-24: rgba(255, 122, 26, 0.24);
  --clr-rgba-182-217-29-0-2: rgba(182, 217, 29, 0.2);
  --clr-rgba-239-45-146-0-3: rgba(239, 45, 146, 0.3);
  --clr-rgba-127-69-245-0-15: rgba(127, 69, 245, 0.15);
  --clr-rgba-255-122-26-0-26: rgba(255, 122, 26, 0.26);
  --clr-hex-ff7a1a: #ff7a1a;
  --clr-hex-ef2d92: #ef2d92;
  --clr-hex-7f45f5: #7f45f5;
  --clr-rgba-127-69-245-0-24: rgba(127, 69, 245, 0.24);
  --clr-hex-222733: #222733;
  --clr-rgba-127-69-245-0-55: rgba(127, 69, 245, 0.55);
  --clr-rgba-239-45-146-0-55: rgba(239, 45, 146, 0.55);
  --clr-rgba-255-122-26-0-52: rgba(255, 122, 26, 0.52);
  --clr-rgba-255-255-255-0-92: rgba(255, 255, 255, 0.92);
  --clr-rgba-225-229-236-0-85: rgba(225, 229, 236, 0.85);
  --clr-rgba-17-24-39-0-14: rgba(17, 24, 39, 0.14);
  --clr-hex-41495a: #41495a;
  --clr-rgba-255-255-255-0-6: rgba(255, 255, 255, 0.6);
  --clr-rgba-255-255-255-0-7: rgba(255, 255, 255, 0.7);
  --clr-rgba-242-245-249-0-8: rgba(242, 245, 249, 0.8);
  --clr-rgba-255-122-26-0-15: rgba(255, 122, 26, 0.15);
  --clr-rgba-127-69-245-0-2: rgba(127, 69, 245, 0.2);
  --clr-hex-2e2e39: #2e2e39;
  --clr-hex-292e39: #292e39;
  --clr-rgba-255-255-255-0-3: rgba(255, 255, 255, 0.3);
  --clr-rgba-240-243-248-0-7: rgba(240, 243, 248, 0.7);
  --clr-rgba-20-22-28-0-72: rgba(20, 22, 28, 0.72);
  --clr-rgba-255-255-255-0-78: rgba(255, 255, 255, 0.78);
  --clr-hex-f8f9fb: #f8f9fb;
  --clr-hex-f3f5f9: #f3f5f9;
  --clr-hex-323847: #323847;
  --clr-rgba-255-122-26-0-35: rgba(255, 122, 26, 0.35);
  --clr-rgba-127-69-245-0-28: rgba(127, 69, 245, 0.28);
  --clr-rgba-182-217-29-0-28: rgba(182, 217, 29, 0.28);
  --clr-rgba-239-45-146-0-16: rgba(239, 45, 146, 0.16);
  --clr-rgba-225-229-236-0-95: rgba(225, 229, 236, 0.95);
  --clr-rgba-17-24-39-0-08: rgba(17, 24, 39, 0.08);
  --clr-hex-11131a: #11131a;
  --clr-rgba-255-122-26-0-25: rgba(255, 122, 26, 0.25);
  --clr-rgba-214-221-232-0-9: rgba(214, 221, 232, 0.9);
  --clr-hex-f8fafd: #f8fafd;
  --clr-hex-eef2f8: #eef2f8;
  --clr-rgba-255-122-26-0-7: rgba(255, 122, 26, 0.7);
  --clr-rgba-127-69-245-0-7: rgba(127, 69, 245, 0.7);
  --clr-rgba-255-122-26-0-18: rgba(255, 122, 26, 0.18);
  --clr-rgba-127-69-245-0-17: rgba(127, 69, 245, 0.17);
  --clr-rgba-210-218-230-0-85: rgba(210, 218, 230, 0.85);
  --clr-rgba-18-27-44-0-06: rgba(18, 27, 44, 0.06);
  --clr-hex-546074: #546074;
  --clr-hex-2a3241: #2a3241;
  --clr-hex-3f4a5f: #3f4a5f;
  --clr-hex-212835: #212835;
  --clr-rgba-127-69-245-0-22: rgba(127, 69, 245, 0.22);
  --clr-rgba-255-255-255-0-88: rgba(255, 255, 255, 0.88);
  --clr-rgba-214-222-234-0-9: rgba(214, 222, 234, 0.9);
  --clr-hex-5a6477: #5a6477;
  --clr-rgba-211-219-232-0-95: rgba(211, 219, 232, 0.95);
  --clr-rgba-208-215-227-0-9: rgba(208, 215, 227, 0.9);
  --clr-hex-5a6476: #5a6476;
  --clr-rgba-250-251-253-0-96: rgba(250, 251, 253, 0.96);
  --clr-hex-e5e9f0: #e5e9f0;
  --clr-rgba-14-19-30-0-08: rgba(14, 19, 30, 0.08);

  /* Semantic theme aliases */
  --surface-plain: var(--clr-hex-fff);

  --nav-bg: var(--clr-rgba-251-252-253-0-72);
  --nav-border: var(--clr-rgba-225-229-236-0-55);
  --nav-bg-scrolled: var(--clr-rgba-248-250-253-0-94);
  --nav-border-scrolled: var(--clr-rgba-219-224-233-0-95);
  --nav-shadow-color: var(--clr-rgba-16-20-32-0-08);
  --nav-link-color: var(--clr-hex-1e222d);
  --nav-link-hover-bg: var(--clr-rgba-127-69-245-0-08);
  --nav-cta-border: var(--clr-rgba-127-69-245-0-32);
  --nav-cta-grad-start: var(--clr-hex-ffffff);
  --nav-cta-grad-mid: var(--clr-hex-f6f0ff);
  --nav-cta-grad-end: var(--clr-hex-fff3f8);
  --nav-cta-text: var(--clr-hex-1f2430);
  --nav-cta-shadow-color: var(--clr-rgba-127-69-245-0-16);
  --nav-toggler-border: var(--clr-rgba-20-22-28-0-2);
  --nav-dropdown-border: var(--clr-rgba-218-224-233-0-9);
  --nav-dropdown-shadow-color: var(--clr-rgba-20-24-38-0-12);
  --nav-dropdown-bg: var(--clr-rgba-255-255-255-0-96);
  --nav-dropdown-item-color: var(--clr-hex-2b3342);
  --nav-dropdown-item-hover-bg: var(--clr-hex-f5f0ff);

  --btn-primary-grad-start: var(--clr-hex-ff7a1a);
  --btn-primary-grad-mid: var(--clr-hex-ef2d92);
  --btn-primary-grad-end: var(--clr-hex-7f45f5);
  --btn-primary-text: var(--clr-hex-fff);
  --btn-primary-shadow-color: var(--clr-rgba-127-69-245-0-24);
  --btn-secondary-text: var(--clr-hex-222733);

  --form-label-color: var(--clr-hex-4e5668);
  --form-input-text: var(--clr-hex-2a3242);
  --form-focus-border: var(--clr-rgba-127-69-245-0-52);
  --form-focus-ring: var(--clr-rgba-127-69-245-0-12);
  --form-note-color: var(--clr-hex-5a6478);

  --footer-border-top: var(--clr-rgba-214-221-232-0-9);
  --footer-grad-start: var(--clr-hex-f8fafd);
  --footer-grad-end: var(--clr-hex-eef2f8);
  --footer-text: var(--clr-hex-546074);
  --footer-heading: var(--clr-hex-2a3241);
  --footer-link: var(--clr-hex-3f4a5f);
  --footer-link-hover: var(--accent-purple);

  --about-journey-line-start: var(--clr-rgba-255-122-26-0-45);
  --about-journey-line-mid: var(--clr-rgba-127-69-245-0-45);
  --about-journey-line-end: var(--clr-rgba-182-217-29-0-5);
  --about-journey-dot-ring: var(--clr-rgba-127-69-245-0-14);
  --about-journey-card-bg: var(--clr-rgba-255-255-255-0-78);
}