/* tokens.css — design tokens (step 1).
   :root custom properties copied verbatim from reference/assets/css/oriogo-com.webflow.shared.aa25f2c02__de1a4123.css:2056.
   Names and values unchanged. 27 of the 29 tokens are referenced somewhere in the
   original CSS (mostly by Webflow component-library classes); --dark-gray and
   --untitled-ui--gray200 are not. All are kept as-is for fidelity (CLEAN candidates).
   Breakpoints used by the original (desktop-first cascade, keep as-is):
     max-width: 991px (tablet), 767px (mobile landscape), 479px (mobile portrait);
     min-width: 1280px, 1440px, 1920px (large screens). */

:root {
  --light-gray: #f3f3f3;
  --black: black;
  --dark-blue: #2f348f;
  --lavender-blue: #acb0d5;
  --untitled-ui--gray600: #475467;
  --untitled-ui--primary600: #7f56d9;
  --untitled-ui--white: white;
  --untitled-ui--primary700: #6941c6;
  --untitled-ui--primary100: #f4ebff;
  --untitled-ui--gray100: #f2f4f7;
  --white: white;
  --untitled-ui--gray900: #101828;
  --untitled-ui--gray700: #344054;
  --untitled-ui--gray300: #d0d5dd;
  --transparent: #f9fafb;
  --untitled-ui--gray800: #1d2939;
  --dark-blue-70: #2f348fb3;
  --untitled-ui--gray400: #98a2b3;
  --untitled-ui--primary300: #d6bbfb;
  --untitled-ui--gray500: #667085;
  --spark-library--black: black;
  --spark-library--background--interactive: #f0ecfd;
  --spark-library--foreground-interactive: #5532fa;
  --spark-library--white: white;
  --spark-library--foreground-interactive-hover: #1e116e;
  --radiant-ui-components-library--color--theme-color: #116df8;
  --radiant-ui-components-library--color--heading-dark: #150438;
  --dark-gray: #282727;
  --untitled-ui--gray200: #eaecf0;
}