@layer ses.tokens {
  :root {
    --ses-color-brand-eggplant: #45274c;
    --ses-color-brand-okra: #c98a3b;
    --ses-color-brand-olive: #828741;
    --ses-color-brand-oregano: #a8a547;
    --ses-color-brand-peanut: #d8a745;
    --ses-color-brand-plum: #562c55;
    --ses-color-brand-rice: #f8f5f1;
    --ses-color-brand-white: #f1ece4;

    --ses-font-family-body: "Montserrat", sans-serif;
    --ses-font-family-body-italic: "Montserrat Italic", sans-serif;
    --ses-font-family-heading: "Besley", serif;
    --ses-font-family-heading-italic: "Besley Italic", serif;

    --ses-font-size-xs: 0.833rem;
    --ses-font-size-sm: 1rem;
    --ses-font-size-md: 1.2rem;
    --ses-font-size-lg: 1.44rem;
    --ses-font-size-xl: 1.728rem;
    --ses-font-size-2xl: 2.074rem;
    --ses-font-size-3xl: 2.488rem;
    --ses-font-size-4xl: 2.986rem;

    --ses-line-height-reset: 1;
    --ses-line-height-tight: 1.25;
    --ses-line-height-normal: 1.5;
    --ses-line-height-relaxed: 1.75;
    --ses-line-height-loose: 2;

    --ses-font-weight-light: 300;
    --ses-font-weight-regular: 400;
    --ses-font-weight-medium: 500;
    --ses-font-weight-bold: 700;

    --ses-spacing-xs: clamp(0.875rem, 0.8494rem + 0.1136vw, 0.9375rem);
    --ses-spacing-sm: clamp(1.125rem, 1.0739rem + 0.2273vw, 1.25rem);
    --ses-spacing-md: clamp(1.6875rem, 1.6108rem + 0.3409vw, 1.875rem);
    --ses-spacing-lg: clamp(2.25rem, 2.1477rem + 0.4545vw, 2.5rem);
    --ses-spacing-xl: clamp(3.375rem, 3.2216rem + 0.6818vw, 3.75rem);

    --ses-border-radius-sharp: 0;
    --ses-border-radius-rounded: 4px;
    --ses-border-radius-pill: 999px;
    --ses-border-radius-circle: 50%;

    --ses-motion-duration-fast: 150ms;
    --ses-motion-duration-medium: 300ms;
    --ses-motion-duration-slow: 500ms;

    --ses-level-base: 0;
    --ses-level-sm: 100;
    --ses-level-md: 200;
    --ses-level-lg: 300;
    --ses-level-max: 400;

    --ses-elevation-sm: 0 1px 3px rgba(0, 0, 0, 0.12),
      0 1px 2px rgba(0, 0, 0, 0.24);
    --ses-elevation-md: 0 4px 6px rgba(0, 0, 0, 0.12),
      0 1px 3px rgba(0, 0, 0, 0.24);
    --ses-elevation-lg: 0 10px 20px rgba(0, 0, 0, 0.19),
      0 6px 6px rgba(0, 0, 0, 0.23);
    --ses-elevation-max: 0 15px 25px rgba(0, 0, 0, 0.22),
      0 10px 10px rgba(0, 0, 0, 0.25);

    --ses-max-content-length: 1280px;
    --ses-max-text-length: 70ch;
  }
}