/* Values from the user-provided design reference. Daon brand is retained separately. */
:root {
  --grey-900: oklch(0.234 0.030 254);
  --grey-800: oklch(0.342 0.030 253);
  --grey-700: oklch(0.452 0.028 253);
  --grey-600: oklch(0.555 0.022 253);
  --grey-500: oklch(0.652 0.020 252);
  --grey-400: oklch(0.752 0.016 251);
  --grey-300: oklch(0.840 0.012 248);
  --grey-200: oklch(0.913 0.008 247);
  --grey-150: oklch(0.918 0.007 247);
  --grey-100: oklch(0.957 0.005 247);
  --grey-50: oklch(0.978 0.003 247);
  --white: oklch(1.000 0.000 0);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --radius-xs: 4px;
  --radius-s: 8px;
  --radius-m: 12px;
  --radius-l: 14px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-3xl: 24px;
  --radius-4xl: 32px;
  --radius-full: 999px;
  --display-1-size: 56px;
  --display-1-line-height: 1.30;
  --display-1-weight: 700;
  --display-1-tracking: -0.005em;
  --display-2-size: 40px;
  --display-2-line-height: 1.20;
  --display-2-weight: 700;
  --display-2-tracking: -0.020em;
  --h1-size: 28px;
  --h1-line-height: 1.30;
  --h1-weight: 700;
  --h1-tracking: -0.020em;
  --h2-size: 24px;
  --h2-line-height: 1.30;
  --h2-weight: 700;
  --h2-tracking: -0.020em;
  --h3-size: 22px;
  --h3-line-height: 1.30;
  --h3-weight: 700;
  --h3-tracking: -0.015em;
  --title-1-size: 18px;
  --title-1-line-height: 1.45;
  --title-1-weight: 600;
  --title-1-tracking: -0.010em;
  --body-1-size: 17px;
  --body-1-line-height: 1.50;
  --body-1-weight: 400;
  --body-1-tracking: -0.005em;
  --body-2-size: 15px;
  --body-2-line-height: 1.50;
  --body-2-weight: 400;
  --body-2-tracking: -0.005em;
  --body-3-size: 13px;
  --body-3-line-height: 1.50;
  --body-3-weight: 400;
  --body-3-tracking: 0;
}