:root { ... }

$sage-font-cdn-root: "https://sage.kajabi-cdn.com/fonts";

$sage-active-underline-configs: (
  height: rem(3px),
  color: sage-color(charcoal, 400),
);

$sage-assistant-height: rem(56px);

$sage-banner-heights: (
  default: rem(48px),
  ladera: rem(60px),
);

$sage-field-configs: (
  // Border treatments
  border-radius: sage-border(radius),
  border-width: rem(1px),
  box-shadow-size: 0 0 0 rem(1px),
  // Sizing
  height: rem(40px),
  padding: sage-spacing(sm),
  padding-label: sage-spacing(2xs),
  // Outer spacing
  bottom-gap: sage-spacing(),
);

$sage-field-colors: (
  border: sage-color(grey, 400),
  default: sage-color(charcoal, 300),
  disabled: sage-color(grey, 500),
  disabled-background: sage-color(grey, 200),
  error: sage-color(red, 300),
  label-background: sage-color(white),
  success: sage-color(primary, 300),
);

$sage-radio-colors: (
  checked: sage-color(charcoal, 400),
  checked-disabled: sage-color(grey, 300),
  checked-hover: sage-color(charcoal, 500),
  checked-inner: sage-color(white),
  default: sage-color(grey, 400),
  disabled: sage-color(grey, 200),
  error: sage-color(red, 300),
  hover: sage-color(grey, 500),
);

$sage-radio-size: rem(16px);

$sage-tab-colors: (
  default: sage-color(charcoal, 300),
  active: sage-color(charcoal, 400),
  disabled: sage-color(charcoal, 100),
);

$sage-text-colors: (
  body: sage-color(charcoal, 400),
  heading: sage-color(charcoal, 500),
);

$sage-toolbar-button-borders: (
  default: 0 0 0 1px sage-color(grey, 500),
  focus: 0 0 0 4px sage-color(primary, 200),
  hover: 0 0 0 1px sage-color(charcoal, 100),
  active-hover: 0 0 0 4px sage-color(primary, 200),
);

$sage-transitions: (
  default: 0.1s ease-in-out,
  input: 0.2s ease-in-out
);

$sage-baseline: rem(4px);

$sage-borders: (
  default: rem(1px) solid sage-color(grey, 300),
  error: rem(1px) solid sage-color(red, 300),
  interactive: rem(1px) solid sage-color(grey, 400),
  interactive-hover: rem(1px) solid sage-color(grey, 500),
  radius-small: rem(4px),
  radius: rem(8px),
  radius-medium: rem(10px),
  radius-large: rem(16px),
  radius-x-large: rem(100px),
  radius-round: 50%,
  focus-outline: rem(11px),
);

$sage-borders-interactive: (
  default: 0 0 0 1px sage-color(grey, 400),
  hover: 0 0 0 1px sage-color(grey, 500),
  focus: 0 0 0 4px sage-color(primary, 200),
  selected: 0 0 0 4px sage-color(charcoal, 400),
  error: 0 0 0 1px sage-color(red, 300),
  error-focus: 0 0 0 4px sage-color(red, 300),
  disabled: 0 0 0 1px sage-color(grey, 300),
);

$sage-breakpoints: (
  xs-max: 544px,
  sm-min: 545px,
  sm-max: 767px,
  md-min: 768px,
  md-max: 991px,
  lg-min: 992px,
  lg-max: 1199px,
  xl-min: 1200px,
  xxl-min: 1440px,
);

$sage-color-combos: $sd-sage-color-combos;

$sage-colors: $sd-sage-color;

$sage-color-default: $sd-sage-color-base-grey-500-hex;

$sage-color-default-name: "grey 500";

$sage-containers: (
  tiny: rem(200px),
  xs: rem(240px),
  sm: rem(340px),
  md: rem(520px),
  lg: rem(700px),
  xl: rem(1064px),
  full: rem(1440px),
);

$sage-font-sizes: (
  xs: rem(12px),
  sm: rem(14px),
  md: rem(16px),
  lg: rem(18px),
  xl: rem(24px),
  2xl: rem(28px),
  3xl: rem(32px),
  4xl: rem(40px)
);

$sage-font-weights: (
  regular: 400,
  medium: 500,
  semibold: 600,
  bold: 700
);

$sage-grid-templates: ();

$sage-grid-gap-options: (
  // Generic sizes
  xs: rem(8px),
  sm: rem(16px),
  md: rem(24px),
  lg: rem(32px),
);

$sage-icon-sizes: (
  xs: rem(8px),
  sm: rem(12px),
  md: rem(16px),
  lg: rem(20px),
  xl: rem(24px),
  2xl: rem(28px),
  3xl: rem(32px),
  4xl: rem(36px),
);

$sage-icon-background-sizes: (
  xs: rem(30px),
  sm: rem(40px),
  md: rem(50px),
  lg: rem(60px),
  xl: rem(70px),
  2xl: rem(80px),
  3xl: rem(90px),
  4xl: rem(100px),
);

$sage-icons: (
  // Primary/active list
  access-key: unicode(e900),
  add: unicode(e901),
  add-circle: unicode(e902),
  add-image: unicode(e903),
  add-small: unicode(e904),
  align-center: unicode(e905),
  align-justify: unicode(e906),
  align-left: unicode(e907),
  align-right: unicode(e908),
  archive: unicode(e909),
  arrow-corner: unicode(e90a),
  arrow-down: unicode(e90b),
  arrow-left: unicode(e90c),
  arrow-right: unicode(e90d),
  arrow-up: unicode(e90e),
  assessment: unicode(e90f),
  at-sign: unicode(e910),
  attach: unicode(e911),
  automations: unicode(e912),
  ban: unicode(e913),
  bank: unicode(e914),
  bell: unicode(e915),
  blog: unicode(e916),
  bold: unicode(e917),
  broadcast: unicode(e918),
  calendar-date: unicode(e919),
  calendar-schedule: unicode(e91a),
  calendar-simple: unicode(e91b),
  card-amex: unicode(e91e),
  card-android: unicode(e91f),
  card-apple: unicode(e920),
  card-diners: unicode(e921),
  card-discover: unicode(e923),
  card-generic: unicode(e922),
  card-mastercard: unicode(e924),
  card-paypal: unicode(e925),
  card-stripe: unicode(e926),
  card-update: unicode(e927),
  card-visa: unicode(e928),
  caret-down: unicode(e929),
  caret-left: unicode(e92a),
  caret-right: unicode(e92b),
  caret-up: unicode(e92c),
  cart: unicode(e92d),
  cart-add: unicode(e92e),
  certificate: unicode(e9ec),
  chart: unicode(e92f),
  chart-filled: unicode(e930),
  check: unicode(e931),
  check-circle: unicode(e932),
  check-circle-filled: unicode(e933),
  circle-1: unicode(e934),
  circle-2: unicode(e935),
  circle-3: unicode(e936),
  circle-4: unicode(e937),
  circle-5: unicode(e938),
  circle-6: unicode(e939),
  circle-7: unicode(e93a),
  circle-8: unicode(e93b),
  circle-9: unicode(e93c),
  clock: unicode(e93d),
  closed-captions: unicode(e93e),
  code: unicode(e93f),
  color: unicode(e940),
  columns: unicode(e941),
  comment: unicode(e942),
  connect: unicode(e943),
  contact: unicode(e944),
  conversation: unicode(e945),
  copy: unicode(e946),
  coupon: unicode(e947),
  course: unicode(e948),
  creator-studio: unicode(e9ed),
  creator-studio-filled: unicode(e9ee),
  credit-card: unicode(e949),
  custom-field: unicode(e94a),
  customize: unicode(e94b),
  danger: unicode(e94c),
  danger-filled: unicode(e94d),
  delete-circle: unicode(e94e),
  delete-key: unicode(e94f),
  delete-x: unicode(e950),
  dollar: unicode(e951),
  dot-menu-horizontal: unicode(e952),
  down-small: unicode(e953),
  download: unicode(e954),
  downsell: unicode(e955),
  draft: unicode(e956),
  drop: unicode(e957),
  duplicate: unicode(e958),
  editor: unicode(e9ef),
  editor-filled: unicode(e9f0),
  email-activity: unicode(e959),
  emoji: unicode(e9f1),
  enlarge: unicode(e95a),
  enlarge-vertical: unicode(e95b),
  expand: unicode(e95c),
  favorite: unicode(e95d),
  feedback: unicode(e95e),
  file: unicode(e95f),
  file-money: unicode(e960),
  filter: unicode(e961),
  flag: unicode(e962),
  folder: unicode(e963),
  folder-group: unicode(e964),
  form: unicode(e965),
  form-field: unicode(e966),
  fullscreen: unicode(e967),
  funnel: unicode(e9ea),
  gear: unicode(e968),
  gear-filled: unicode(e969),
  grant-offer: unicode(e96a),
  handle: unicode(e96b),
  handle-2: unicode(e96c),
  handle-2-vertical: unicode(e96d),
  hashtag: unicode(e96e),
  heading-large: unicode(e96f),
  heading-small: unicode(e970),
  headset: unicode(e971),
  help: unicode(e972),
  help-filled: unicode(e973),
  home: unicode(e974),
  home-alt: unicode(e975),
  home-filled: unicode(e976),
  horizontal-line: unicode(e977),
  image: unicode(e978),
  info-circle: unicode(e979),
  info-circle-filled: unicode(e97a),
  italic: unicode(e97b),
  kajabi: unicode(e97c),
  kajabi-filled: unicode(e97d),
  lab: unicode(e97e),
  launch: unicode(e97f),
  layout-grid: unicode(e980),
  layout-list: unicode(e981),
  left-small: unicode(e982),
  list-bullet: unicode(e983),
  list-details: unicode(e984),
  list-numbers: unicode(e985),
  location: unicode(e987),
  lock: unicode(e988),
  lock-alt: unicode(e989),
  logo-facebook: unicode(e9e5),
  logo-instagram: unicode(e9e6),
  logo-linkedin: unicode(e9e7),
  logo-tiktok: unicode(e9e8),
  logo-twitter: unicode(e9e9),
  loop: unicode(e98a),
  mail: unicode(e98b),
  mapped: unicode(e98c),
  margin-left: unicode(e98d),
  margin-right: unicode(e98e),
  marker: unicode(e9f2),
  marker-filled: unicode(e9f3),
  megaphone: unicode(e98f),
  megaphone-filled: unicode(e990),
  menu: unicode(e991),
  menu-alt: unicode(e992),
  menu-bordered: unicode(e993),
  merge: unicode(e994),
  microphone: unicode(e995),
  microphone-off: unicode(e996),
  monitor: unicode(e997),
  monitor-filled: unicode(e998),
  move-left: unicode(e999),
  move-right: unicode(e99a),
  multi-pay: unicode(e99b),
  newsletter: unicode(e99c),
  "null": "",
  one-off-session: unicode(e99d),
  one-time: unicode(e99e),
  package: unicode(e99f),
  pause: unicode(e9a0),
  payout: unicode(e9a1),
  pen: unicode(e9a2),
  phone-portrait: unicode(e9a3),
  phone-toolbar: unicode(e9a4),
  play: unicode(e9a5),
  play-circle: unicode(e9a6),
  play-outline: unicode(e9a7),
  plug: unicode(e9a8),
  present: unicode(e9a9),
  preview-off: unicode(e9aa),
  preview-on: unicode(e9ab),
  product: unicode(e9ac),
  product-filled: unicode(e9ad),
  question-circle: unicode(e9ae),
  quote: unicode(e9af),
  redo: unicode(e9b0),
  refresh: unicode(e9b1),
  remove: unicode(e9b2),
  remove-circle: unicode(e9b3),
  rename: unicode(e9b4),
  reset-password: unicode(e9b5),
  restore: unicode(e9b6),
  right-small: unicode(e9b7),
  round-dollar: unicode(e9b8),
  rows: unicode(e986),
  screen-share-off: unicode(e9b9),
  screen-share-on: unicode(e9ba),
  search: unicode(e9bb),
  search-small: unicode(e9bc),
  send-message: unicode(e9bd),
  sequences: unicode(e9be),
  share: unicode(e9eb),
  skipped: unicode(e9bf),
  slash-divider: unicode(e9c0),
  speaker: unicode(e9c1),
  stack: unicode(e9c2),
  star: unicode(e9c3),
  stop: unicode(e9c4),
  strikethrough: unicode(e9c5),
  subscript: unicode(e9c6),
  subscriptions: unicode(e9c7),
  super-admin: unicode(e9c8),
  superscript: unicode(e9c9),
  sync: unicode(e9ca),
  tablet-landscape: unicode(e9cb),
  tablet-portrait: unicode(e9cc),
  tag: unicode(e9cd),
  tag-filled: unicode(e9ce),
  text-styles: unicode(e9f4),
  theme-store: unicode(e9cf),
  thumb-down: unicode(e9f5),
  thumb-down-filled: unicode(e9f6),
  thumb-up: unicode(e9f7),
  thumb-up-filled: unicode(e9f8),
  trash: unicode(e9d0),
  underline: unicode(e9d1),
  undo: unicode(e9d2),
  unlock: unicode(e9d3),
  unmapped: unicode(e9d4),
  up-small: unicode(e9d5),
  upload: unicode(e9d6),
  url: unicode(e9d7),
  user: unicode(e9d8),
  user-circle: unicode(e9d9),
  user-circle-filled: unicode(e9da),
  user-star: unicode(e9db),
  user-star-filled: unicode(e9dc),
  users: unicode(e9dd),
  users-alt: unicode(e9de),
  video-off: unicode(e9df),
  video-on: unicode(e9e0),
  warning: unicode(e9e1),
  warning-filled: unicode(e9e2),
  window-paragraph: unicode(e9e3),
  world: unicode(e9e4),
);

$sage-letter-spacings: (
  xs: rem(-0.15px),
  sm: rem(-0.5px),
  md: rem(-0.6px),
);

$sage-line-heights: (
  xs: sage-baseline(4), // 16
  sm: sage-baseline(5), // 20
  md: sage-baseline(6), // 24
  lg: sage-baseline(7), // 28
  xl: sage-baseline(8), // 32
  2xl: sage-baseline(10), // 40
  3xl: sage-baseline(12), // 48
  4xl: sage-baseline(15), // 60
);

$sage-modal-sizes: (
  xs: rem(343px),
  sm: rem(520px),
  md: rem(700px),
  lg: rem(900px)
);

$sage-shadows: (
  sm: (0 2px 4px rgba(sage-color(black), 0.12), 0 0 2px rgba(sage-color(black), 0.08)),
  md: (0 8px 14px rgba(sage-color(black), 0.16), 0 0 4px rgba(sage-color(black), 0.08)),
  lg: (0 8px 40px rgba(sage-color(black), 0.24)),
  modal: (0 8px 40px rgba(sage-color(black), 0.24), 0 0 4px rgba(sage-color(black), 0.1)),
);

$sage-sidebars: (
  sm: rem(240px),
  md: rem(320px),
  lg: rem(400px),
  xl: 80vw
);

$sage-spacings: (
  // Generic sizes
  3xs: rem(2px),
  2xs: rem(4px),
  xs: rem(8px),
  sm: rem(16px),
  md: rem(24px),
  lg: rem(32px),
  xl: rem(48px),
  2xl: rem(64px),
  // Contextual sizes
  stage: rem(48px),
  panel: rem(32px),
  card: rem(24px),
  stack: rem(8px),
);

$sage-type-pairings: (
  4xl: (
    font-size: sage-font-size(4xl, false),
    line-height: sage-line-height(4xl),
  ),
  3xl: (
    font-size: sage-font-size(3xl, false),
    line-height: sage-line-height(3xl),
  ),
  2xl: (
    font-size: sage-font-size(2xl, false),
    line-height: sage-line-height(2xl),
  ),
  xl: (
    font-size: sage-font-size(xl, false),
    line-height: sage-line-height(xl),
  ),
  lg: (
    font-size: sage-font-size(lg, false),
    line-height: sage-line-height(lg),
  ),
  md: (
    font-size: sage-font-size(md, false),
    line-height: sage-line-height(md),
  ),
  sm: (
    font-size: sage-font-size(sm, false),
    line-height: sage-line-height(sm),
  ),
  xs: (
    font-size: sage-font-size(xs, false),
    line-height: sage-line-height(xs),
  ),
);

$sage-type-specs: (
  // Headings
  "heading-1": (
    kerning: sage-letter-spacing(md),
    responsive: true,
    type-pairing: h1,
    weight: sage-font-weight(bold),
  ),
  "heading-2": (
    kerning: sage-letter-spacing(md),
    responsive: true,
    type-pairing: h2,
    weight: sage-font-weight(bold),
  ),
  "heading-3": (
    kerning: sage-letter-spacing(xs),
    responsive: true,
    type-pairing: h3,
    weight: sage-font-weight(bold),
  ),
  "heading-4": (
    kerning: sage-letter-spacing(xs),
    responsive: true,
    type-pairing: h4,
    weight: sage-font-weight(semibold),
  ),
  "heading-5": (
    responsive: true,
    type-pairing: h5,
    weight: sage-font-weight(semibold),
  ),
  "heading-6": (
    responsive: true,
    type-pairing: h6,
    weight: sage-font-weight(semibold),
  ),
  "nav": (
    responsive: false,
    type-pairing: md,
    weight: sage-font-weight(medium),
  ),
  "nav-sub": (
    responsive: false,
    type-pairing: sm,
    weight: sage-font-weight(medium),
  ),

  // Body
  "body": $-t-base-spec,
  "body-med": map-merge($-t-base-spec, (
    weight: sage-font-weight(medium)
  )),
  "body-semi": map-merge($-t-base-spec, (
    weight: sage-font-weight(semibold)
  )),
  "body-bold": map-merge($-t-base-spec, (
    weight: sage-font-weight(bold)
  )),

  // Body Small
  "body-small": $-t-body-small-spec,
  "body-small-med": map-merge($-t-body-small-spec, (
    weight: sage-font-weight(medium)
  )),
  "body-small-semi": map-merge($-t-body-small-spec, (
    weight: sage-font-weight(semibold)
  )),
  "body-small-bold": map-merge($-t-body-small-spec, (
    weight: sage-font-weight(bold)
  )),

  // Body XSmall
  "body-xsmall": $-t-body-xsmall-spec,
  "body-xsmall-med": map-merge($-t-body-xsmall-spec, (
    weight: sage-font-weight(medium)
  )),
  "body-xsmall-semi": map-merge($-t-body-xsmall-spec, (
    weight: sage-font-weight(semibold)
  )),
  "body-xsmall-bold": map-merge($-t-body-xsmall-spec, (
    weight: sage-font-weight(bold)
  )),

  // Additional custom specs
  // TBD
);

$sage-z-indexes: (
  negative: -1,
  default: 0,
  raised: 1000,
  alert: 2000,
  underlay: 3000,
  nav: 4000,
  overlay: 5000,
  modal: 6000,
  priority: 8000,
  nuclear: 9000
);

@function sage-baseline($num: 2, $baseline: $default-baseline) { ... }

@function sage-border($key: default) { ... }

@function sage-border-interactive($key: default) { ... }

@function sage-breakpoint($key: sm-max) { ... }

@function sage-color-combo($color-key: draft, $combo-set-key: default, $color-type: foreground) { ... }

@function sage-color($base, $value: 300) { ... }

@function sage-container($key: md) { ... }

@function sage-font-size($key: body, $responsive: true) { ... }

@function sage-font-weight($key: regular) { ... }

@function sage-grid-template($key: md) { ... }

@function sage-grid-gap-options($key: md) { ... }

@function sage-icon($icon-name) { ... }

@function sage-letter-spacing($key: sm) { ... }

@function sage-line-height($key: body, $responsive: true) { ... }

@function sage-modal-size($key: md) { ... }

@function sage-shadow($key: md) { ... }

@function sage-sidebar($key: sm) { ... }

@function sage-spacing($key: md) { ... }

@function sage-type-pairing($key: default) { ... }

@function sage-z-index($key: default, $increment: 0) { ... }

@mixin sage-block-spacing($block-spacing) { ... }

@mixin sage-button-style-reset() { ... }

@mixin sage-button-style-disabled() { ... }

@mixin sage-copy-text() { ... }

@mixin sage-button-icon-generator($icon-name, $icon-code, $direction) { ... }

@mixin sage-focus-ring($focus-width: 4px, $focus-shadow: #8ECAFB, $focus-animation-speed: 0.2s) { ... }

@mixin sage-focus-outline($outline-width: 2px, $outline-offset-block: 4px, $outline-offset-inline: 4px, $outline-animation-speed: 0.2s) { ... }

@mixin sage-focus-outline--focus-within($focus-within-background-color) { ... }

@mixin sage-focus-outline--update-color($color) { ... }

@mixin sage-auto-col() { ... }

@mixin sage-card() { ... }

@mixin sage-dashed-border($thickness: 1, $color: sage-color(grey, 500), $dash: 4.5, $gap: 4.5, $offset: 4.5, $border-radius: 4) { ... }

@mixin sage-grid-card() { ... }

@mixin sage-grid-stack() { ... }

@mixin sage-grid-panel() { ... }

@mixin sage-grid-card-row() { ... }

@mixin sage-grid-panel-row() { ... }

@mixin sage-form-field-group() { ... }

@mixin sage-form-field() { ... }

@mixin sage-form-field-icon() { ... }

@mixin sage-form-field-label() { ... }

@mixin sage-form-field-floating-label() { ... }

@mixin sage-form-field-message() { ... }

@mixin sage-form-toggle() { ... }

@mixin sage-icon-base($icon: null, $icon: md) { ... }

@mixin sage-panel() { ... }

@mixin sage-tab-underline($active-class: ".sage-tab--active") { ... }

@mixin sage-font-family() { ... }

@mixin line-clamp($lines) { ... }

@mixin sage-row() { ... }

@mixin sage-col() { ... }

@mixin sage-type-pairing($key: body, $responsive: false) { ... }

@mixin sage-type-spec($spec-name) { ... }

%t-sage- { ... }

$sd-sage-color-base-primary-100-hex: #e6f4fe;

$sd-sage-color-base-primary-100-code: "primary-100";

$sd-sage-color-base-primary-100-classname: "t-sage--color-primary-100";

$sd-sage-color-base-primary-200-hex: #8ecafb;

$sd-sage-color-base-primary-200-code: "primary-200";

$sd-sage-color-base-primary-200-classname: "t-sage--color-primary-200";

$sd-sage-color-base-primary-300-hex: #0072ef;

$sd-sage-color-base-primary-300-code: "primary-300";

$sd-sage-color-base-primary-300-classname: "t-sage--color-primary-300";

$sd-sage-color-base-primary-400-hex: #054fb8;

$sd-sage-color-base-primary-400-code: "primary-400";

$sd-sage-color-base-primary-400-classname: "t-sage--color-primary-400";

$sd-sage-color-base-primary-500-hex: #07265f;

$sd-sage-color-base-primary-500-code: "primary-500";

$sd-sage-color-base-primary-500-classname: "t-sage--color-primary-500";

$sd-sage-color-base-sage-100-hex: #ddf8f0;

$sd-sage-color-base-sage-100-code: "sage-100";

$sd-sage-color-base-sage-100-classname: "t-sage--color-sage-100";

$sd-sage-color-base-sage-200-hex: #86d5bc;

$sd-sage-color-base-sage-200-code: "sage-200";

$sd-sage-color-base-sage-200-classname: "t-sage--color-sage-200";

$sd-sage-color-base-sage-300-hex: #23856d;

$sd-sage-color-base-sage-300-code: "sage-300";

$sd-sage-color-base-sage-300-classname: "t-sage--color-sage-300";

$sd-sage-color-base-sage-400-hex: #225d53;

$sd-sage-color-base-sage-400-code: "sage-400";

$sd-sage-color-base-sage-400-classname: "t-sage--color-sage-400";

$sd-sage-color-base-sage-500-hex: #183e3b;

$sd-sage-color-base-sage-500-code: "sage-500";

$sd-sage-color-base-sage-500-classname: "t-sage--color-sage-500";

$sd-sage-color-base-yellow-100-hex: #fef8e1;

$sd-sage-color-base-yellow-100-code: "yellow-100";

$sd-sage-color-base-yellow-100-classname: "t-sage--color-yellow-100";

$sd-sage-color-base-yellow-200-hex: #fad980;

$sd-sage-color-base-yellow-200-code: "yellow-200";

$sd-sage-color-base-yellow-200-classname: "t-sage--color-yellow-200";

$sd-sage-color-base-yellow-300-hex: #ffc505;

$sd-sage-color-base-yellow-300-code: "yellow-300";

$sd-sage-color-base-yellow-300-classname: "t-sage--color-yellow-300";

$sd-sage-color-base-yellow-400-hex: #c56a02;

$sd-sage-color-base-yellow-400-code: "yellow-400";

$sd-sage-color-base-yellow-400-classname: "t-sage--color-yellow-400";

$sd-sage-color-base-yellow-500-hex: #8c3b08;

$sd-sage-color-base-yellow-500-code: "yellow-500";

$sd-sage-color-base-yellow-500-classname: "t-sage--color-yellow-500";

$sd-sage-color-base-red-100-hex: #fff0f0;

$sd-sage-color-base-red-100-code: "red-100";

$sd-sage-color-base-red-100-classname: "t-sage--color-red-100";

$sd-sage-color-base-red-200-hex: #fdb0aa;

$sd-sage-color-base-red-200-code: "red-200";

$sd-sage-color-base-red-200-classname: "t-sage--color-red-200";

$sd-sage-color-base-red-300-hex: #cf3c32;

$sd-sage-color-base-red-300-code: "red-300";

$sd-sage-color-base-red-300-classname: "t-sage--color-red-300";

$sd-sage-color-base-red-400-hex: #99221e;

$sd-sage-color-base-red-400-code: "red-400";

$sd-sage-color-base-red-400-classname: "t-sage--color-red-400";

$sd-sage-color-base-red-500-hex: #5e0d0d;

$sd-sage-color-base-red-500-code: "red-500";

$sd-sage-color-base-red-500-classname: "t-sage--color-red-500";

$sd-sage-color-base-orange-100-hex: #fef1e1;

$sd-sage-color-base-orange-100-code: "orange-100";

$sd-sage-color-base-orange-100-classname: "t-sage--color-orange-100";

$sd-sage-color-base-orange-200-hex: #ffb36b;

$sd-sage-color-base-orange-200-code: "orange-200";

$sd-sage-color-base-orange-200-classname: "t-sage--color-orange-200";

$sd-sage-color-base-orange-300-hex: #fb7e09;

$sd-sage-color-base-orange-300-code: "orange-300";

$sd-sage-color-base-orange-300-classname: "t-sage--color-orange-300";

$sd-sage-color-base-orange-400-hex: #b3501e;

$sd-sage-color-base-orange-400-code: "orange-400";

$sd-sage-color-base-orange-400-classname: "t-sage--color-orange-400";

$sd-sage-color-base-orange-500-hex: #5a260c;

$sd-sage-color-base-orange-500-code: "orange-500";

$sd-sage-color-base-orange-500-classname: "t-sage--color-orange-500";

$sd-sage-color-base-purple-100-hex: #eee4f6;

$sd-sage-color-base-purple-100-code: "purple-100";

$sd-sage-color-base-purple-100-classname: "t-sage--color-purple-100";

$sd-sage-color-base-purple-200-hex: #d9c2ef;

$sd-sage-color-base-purple-200-code: "purple-200";

$sd-sage-color-base-purple-200-classname: "t-sage--color-purple-200";

$sd-sage-color-base-purple-300-hex: #8e5ad8;

$sd-sage-color-base-purple-300-code: "purple-300";

$sd-sage-color-base-purple-300-classname: "t-sage--color-purple-300";

$sd-sage-color-base-purple-400-hex: #50348a;

$sd-sage-color-base-purple-400-code: "purple-400";

$sd-sage-color-base-purple-400-classname: "t-sage--color-purple-400";

$sd-sage-color-base-purple-500-hex: #381c5e;

$sd-sage-color-base-purple-500-code: "purple-500";

$sd-sage-color-base-purple-500-classname: "t-sage--color-purple-500";

$sd-sage-color-base-charcoal-100-hex: #8d939a;

$sd-sage-color-base-charcoal-100-code: "charcoal-100";

$sd-sage-color-base-charcoal-100-classname: "t-sage--color-charcoal-100";

$sd-sage-color-base-charcoal-200-hex: #60666c;

$sd-sage-color-base-charcoal-200-code: "charcoal-200";

$sd-sage-color-base-charcoal-200-classname: "t-sage--color-charcoal-200";

$sd-sage-color-base-charcoal-300-hex: #43474b;

$sd-sage-color-base-charcoal-300-code: "charcoal-300";

$sd-sage-color-base-charcoal-300-classname: "t-sage--color-charcoal-300";

$sd-sage-color-base-charcoal-400-hex: #202327;

$sd-sage-color-base-charcoal-400-code: "charcoal-400";

$sd-sage-color-base-charcoal-400-classname: "t-sage--color-charcoal-400";

$sd-sage-color-base-charcoal-500-hex: #040506;

$sd-sage-color-base-charcoal-500-code: "charcoal-500";

$sd-sage-color-base-charcoal-500-classname: "t-sage--color-charcoal-500";

$sd-sage-color-base-grey-100-hex: #f9fafa;

$sd-sage-color-base-grey-100-code: "grey-100";

$sd-sage-color-base-grey-100-classname: "t-sage--color-grey-100";

$sd-sage-color-base-grey-200-hex: #f6f8f8;

$sd-sage-color-base-grey-200-code: "grey-200";

$sd-sage-color-base-grey-200-classname: "t-sage--color-grey-200";

$sd-sage-color-base-grey-300-hex: #eceeef;

$sd-sage-color-base-grey-300-code: "grey-300";

$sd-sage-color-base-grey-300-classname: "t-sage--color-grey-300";

$sd-sage-color-base-grey-400-hex: #d3d5d9;

$sd-sage-color-base-grey-400-code: "grey-400";

$sd-sage-color-base-grey-400-classname: "t-sage--color-grey-400";

$sd-sage-color-base-grey-500-hex: #b5bac0;

$sd-sage-color-base-grey-500-code: "grey-500";

$sd-sage-color-base-grey-500-classname: "t-sage--color-grey-500";

$sd-sage-color-base-white-100-hex: #fff;

$sd-sage-color-base-white-100-code: "white-100";

$sd-sage-color-base-white-100-classname: "t-sage--color-white-100";

$sd-sage-color-base-white-200-hex: #fff;

$sd-sage-color-base-white-200-code: "white-200";

$sd-sage-color-base-white-200-classname: "t-sage--color-white-200";

$sd-sage-color-base-white-300-hex: #fff;

$sd-sage-color-base-white-300-code: "white-300";

$sd-sage-color-base-white-300-classname: "t-sage--color-white-300";

$sd-sage-color-base-white-400-hex: #fff;

$sd-sage-color-base-white-400-code: "white-400";

$sd-sage-color-base-white-400-classname: "t-sage--color-white-400";

$sd-sage-color-base-white-500-hex: #fff;

$sd-sage-color-base-white-500-code: "white-500";

$sd-sage-color-base-white-500-classname: "t-sage--color-white-500";

$sd-sage-color-base-black-100-hex: #000;

$sd-sage-color-base-black-100-code: "black-100";

$sd-sage-color-base-black-100-classname: "t-sage--color-black-100";

$sd-sage-color-base-black-200-hex: #000;

$sd-sage-color-base-black-200-code: "black-200";

$sd-sage-color-base-black-200-classname: "t-sage--color-black-200";

$sd-sage-color-base-black-300-hex: #000;

$sd-sage-color-base-black-300-code: "black-300";

$sd-sage-color-base-black-300-classname: "t-sage--color-black-300";

$sd-sage-color-base-black-400-hex: #000;

$sd-sage-color-base-black-400-code: "black-400";

$sd-sage-color-base-black-400-classname: "t-sage--color-black-400";

$sd-sage-color-base-black-500-hex: #000;

$sd-sage-color-base-black-500-code: "black-500";

$sd-sage-color-base-black-500-classname: "t-sage--color-black-500";

$sd-sage-color: (
  primary: (
    100: (
      hex: $sd-sage-color-base-primary-100-hex,
      code: $sd-sage-color-base-primary-100-code,
      classname: $sd-sage-color-base-primary-100-classname,
    ),
    200: (
      hex: $sd-sage-color-base-primary-200-hex,
      code: $sd-sage-color-base-primary-200-code,
      classname: $sd-sage-color-base-primary-200-classname,
    ),
    300: (
      hex: $sd-sage-color-base-primary-300-hex,
      code: $sd-sage-color-base-primary-300-code,
      classname: $sd-sage-color-base-primary-300-classname,
    ),
    400: (
      hex: $sd-sage-color-base-primary-400-hex,
      code: $sd-sage-color-base-primary-400-code,
      classname: $sd-sage-color-base-primary-400-classname,
    ),
    500: (
      hex: $sd-sage-color-base-primary-500-hex,
      code: $sd-sage-color-base-primary-500-code,
      classname: $sd-sage-color-base-primary-500-classname,
    ),
  ),
  sage: (
    100: (
      hex: $sd-sage-color-base-sage-100-hex,
      code: $sd-sage-color-base-sage-100-code,
      classname: $sd-sage-color-base-sage-100-classname,
    ),
    200: (
      hex: $sd-sage-color-base-sage-200-hex,
      code: $sd-sage-color-base-sage-200-code,
      classname: $sd-sage-color-base-sage-200-classname,
    ),
    300: (
      hex: $sd-sage-color-base-sage-300-hex,
      code: $sd-sage-color-base-sage-300-code,
      classname: $sd-sage-color-base-sage-300-classname,
    ),
    400: (
      hex: $sd-sage-color-base-sage-400-hex,
      code: $sd-sage-color-base-sage-400-code,
      classname: $sd-sage-color-base-sage-400-classname,
    ),
    500: (
      hex: $sd-sage-color-base-sage-500-hex,
      code: $sd-sage-color-base-sage-500-code,
      classname: $sd-sage-color-base-sage-500-classname,
    ),
  ),
  yellow: (
    100: (
      hex: $sd-sage-color-base-yellow-100-hex,
      code: $sd-sage-color-base-yellow-100-code,
      classname: $sd-sage-color-base-yellow-100-classname,
    ),
    200: (
      hex: $sd-sage-color-base-yellow-200-hex,
      code: $sd-sage-color-base-yellow-200-code,
      classname: $sd-sage-color-base-yellow-200-classname,
    ),
    300: (
      hex: $sd-sage-color-base-yellow-300-hex,
      code: $sd-sage-color-base-yellow-300-code,
      classname: $sd-sage-color-base-yellow-300-classname,
    ),
    400: (
      hex: $sd-sage-color-base-yellow-400-hex,
      code: $sd-sage-color-base-yellow-400-code,
      classname: $sd-sage-color-base-yellow-400-classname,
    ),
    500: (
      hex: $sd-sage-color-base-yellow-500-hex,
      code: $sd-sage-color-base-yellow-500-code,
      classname: $sd-sage-color-base-yellow-500-classname,
    ),
  ),
  red: (
    100: (
      hex: $sd-sage-color-base-red-100-hex,
      code: $sd-sage-color-base-red-100-code,
      classname: $sd-sage-color-base-red-100-classname,
    ),
    200: (
      hex: $sd-sage-color-base-red-200-hex,
      code: $sd-sage-color-base-red-200-code,
      classname: $sd-sage-color-base-red-200-classname,
    ),
    300: (
      hex: $sd-sage-color-base-red-300-hex,
      code: $sd-sage-color-base-red-300-code,
      classname: $sd-sage-color-base-red-300-classname,
    ),
    400: (
      hex: $sd-sage-color-base-red-400-hex,
      code: $sd-sage-color-base-red-400-code,
      classname: $sd-sage-color-base-red-400-classname,
    ),
    500: (
      hex: $sd-sage-color-base-red-500-hex,
      code: $sd-sage-color-base-red-500-code,
      classname: $sd-sage-color-base-red-500-classname,
    ),
  ),
  orange: (
    100: (
      hex: $sd-sage-color-base-orange-100-hex,
      code: $sd-sage-color-base-orange-100-code,
      classname: $sd-sage-color-base-orange-100-classname,
    ),
    200: (
      hex: $sd-sage-color-base-orange-200-hex,
      code: $sd-sage-color-base-orange-200-code,
      classname: $sd-sage-color-base-orange-200-classname,
    ),
    300: (
      hex: $sd-sage-color-base-orange-300-hex,
      code: $sd-sage-color-base-orange-300-code,
      classname: $sd-sage-color-base-orange-300-classname,
    ),
    400: (
      hex: $sd-sage-color-base-orange-400-hex,
      code: $sd-sage-color-base-orange-400-code,
      classname: $sd-sage-color-base-orange-400-classname,
    ),
    500: (
      hex: $sd-sage-color-base-orange-500-hex,
      code: $sd-sage-color-base-orange-500-code,
      classname: $sd-sage-color-base-orange-500-classname,
    ),
  ),
  purple: (
    100: (
      hex: $sd-sage-color-base-purple-100-hex,
      code: $sd-sage-color-base-purple-100-code,
      classname: $sd-sage-color-base-purple-100-classname,
    ),
    200: (
      hex: $sd-sage-color-base-purple-200-hex,
      code: $sd-sage-color-base-purple-200-code,
      classname: $sd-sage-color-base-purple-200-classname,
    ),
    300: (
      hex: $sd-sage-color-base-purple-300-hex,
      code: $sd-sage-color-base-purple-300-code,
      classname: $sd-sage-color-base-purple-300-classname,
    ),
    400: (
      hex: $sd-sage-color-base-purple-400-hex,
      code: $sd-sage-color-base-purple-400-code,
      classname: $sd-sage-color-base-purple-400-classname,
    ),
    500: (
      hex: $sd-sage-color-base-purple-500-hex,
      code: $sd-sage-color-base-purple-500-code,
      classname: $sd-sage-color-base-purple-500-classname,
    ),
  ),
  charcoal: (
    100: (
      hex: $sd-sage-color-base-charcoal-100-hex,
      code: $sd-sage-color-base-charcoal-100-code,
      classname: $sd-sage-color-base-charcoal-100-classname,
    ),
    200: (
      hex: $sd-sage-color-base-charcoal-200-hex,
      code: $sd-sage-color-base-charcoal-200-code,
      classname: $sd-sage-color-base-charcoal-200-classname,
    ),
    300: (
      hex: $sd-sage-color-base-charcoal-300-hex,
      code: $sd-sage-color-base-charcoal-300-code,
      classname: $sd-sage-color-base-charcoal-300-classname,
    ),
    400: (
      hex: $sd-sage-color-base-charcoal-400-hex,
      code: $sd-sage-color-base-charcoal-400-code,
      classname: $sd-sage-color-base-charcoal-400-classname,
    ),
    500: (
      hex: $sd-sage-color-base-charcoal-500-hex,
      code: $sd-sage-color-base-charcoal-500-code,
      classname: $sd-sage-color-base-charcoal-500-classname,
    ),
  ),
  grey: (
    100: (
      hex: $sd-sage-color-base-grey-100-hex,
      code: $sd-sage-color-base-grey-100-code,
      classname: $sd-sage-color-base-grey-100-classname,
    ),
    200: (
      hex: $sd-sage-color-base-grey-200-hex,
      code: $sd-sage-color-base-grey-200-code,
      classname: $sd-sage-color-base-grey-200-classname,
    ),
    300: (
      hex: $sd-sage-color-base-grey-300-hex,
      code: $sd-sage-color-base-grey-300-code,
      classname: $sd-sage-color-base-grey-300-classname,
    ),
    400: (
      hex: $sd-sage-color-base-grey-400-hex,
      code: $sd-sage-color-base-grey-400-code,
      classname: $sd-sage-color-base-grey-400-classname,
    ),
    500: (
      hex: $sd-sage-color-base-grey-500-hex,
      code: $sd-sage-color-base-grey-500-code,
      classname: $sd-sage-color-base-grey-500-classname,
    ),
  ),
  white: (
    100: (
      hex: $sd-sage-color-base-white-100-hex,
      code: $sd-sage-color-base-white-100-code,
      classname: $sd-sage-color-base-white-100-classname,
    ),
    200: (
      hex: $sd-sage-color-base-white-200-hex,
      code: $sd-sage-color-base-white-200-code,
      classname: $sd-sage-color-base-white-200-classname,
    ),
    300: (
      hex: $sd-sage-color-base-white-300-hex,
      code: $sd-sage-color-base-white-300-code,
      classname: $sd-sage-color-base-white-300-classname,
    ),
    400: (
      hex: $sd-sage-color-base-white-400-hex,
      code: $sd-sage-color-base-white-400-code,
      classname: $sd-sage-color-base-white-400-classname,
    ),
    500: (
      hex: $sd-sage-color-base-white-500-hex,
      code: $sd-sage-color-base-white-500-code,
      classname: $sd-sage-color-base-white-500-classname,
    ),
  ),
  black: (
    100: (
      hex: $sd-sage-color-base-black-100-hex,
      code: $sd-sage-color-base-black-100-code,
      classname: $sd-sage-color-base-black-100-classname,
    ),
    200: (
      hex: $sd-sage-color-base-black-200-hex,
      code: $sd-sage-color-base-black-200-code,
      classname: $sd-sage-color-base-black-200-classname,
    ),
    300: (
      hex: $sd-sage-color-base-black-300-hex,
      code: $sd-sage-color-base-black-300-code,
      classname: $sd-sage-color-base-black-300-classname,
    ),
    400: (
      hex: $sd-sage-color-base-black-400-hex,
      code: $sd-sage-color-base-black-400-code,
      classname: $sd-sage-color-base-black-400-classname,
    ),
    500: (
      hex: $sd-sage-color-base-black-500-hex,
      code: $sd-sage-color-base-black-500-code,
      classname: $sd-sage-color-base-black-500-classname,
    ),
  ),
);

$sd-sage-color-combos-draft-default-foreground: #202327;

$sd-sage-color-combos-draft-default-foreground-accent: #040506;

$sd-sage-color-combos-draft-default-background: #eceeef;

$sd-sage-color-combos-draft-default-background-accent: #d3d5d9;

$sd-sage-color-combos-draft-default-icon-background-accent: #60666c;

$sd-sage-color-combos-draft-subtle-foreground: #60666c;

$sd-sage-color-combos-draft-subtle-foreground-accent: #8d939a;

$sd-sage-color-combos-draft-subtle-background: #8d939a;

$sd-sage-color-combos-draft-bold-foreground: #f6f8f8;

$sd-sage-color-combos-draft-bold-background: #202327;

$sd-sage-color-combos-published-default-foreground: #225d53;

$sd-sage-color-combos-published-default-foreground-accent: #183e3b;

$sd-sage-color-combos-published-default-background: #ddf8f0;

$sd-sage-color-combos-published-default-background-accent: #86d5bc;

$sd-sage-color-combos-published-default-icon-background-accent: #23856d;

$sd-sage-color-combos-published-subtle-foreground: #225d53;

$sd-sage-color-combos-published-subtle-foreground-accent: #23856d;

$sd-sage-color-combos-published-subtle-background: #23856d;

$sd-sage-color-combos-published-bold-foreground: #fff;

$sd-sage-color-combos-published-bold-background: #23856d;

$sd-sage-color-combos-info-default-foreground: #054fb8;

$sd-sage-color-combos-info-default-foreground-accent: #07265f;

$sd-sage-color-combos-info-default-background: #e6f4fe;

$sd-sage-color-combos-info-default-background-accent: #8ecafb;

$sd-sage-color-combos-info-default-icon-background-accent: #0072ef;

$sd-sage-color-combos-info-subtle-foreground: #054fb8;

$sd-sage-color-combos-info-subtle-foreground-accent: #0072ef;

$sd-sage-color-combos-info-subtle-background: #8ecafb;

$sd-sage-color-combos-info-bold-foreground: #e6f4fe;

$sd-sage-color-combos-info-bold-background: #0072ef;

$sd-sage-color-combos-locked-default-foreground: #50348a;

$sd-sage-color-combos-locked-default-foreground-accent: #381c5e;

$sd-sage-color-combos-locked-default-background: #eee4f6;

$sd-sage-color-combos-locked-default-background-accent: #d9c2ef;

$sd-sage-color-combos-locked-default-icon-background-accent: #8e5ad8;

$sd-sage-color-combos-locked-subtle-foreground: #50348a;

$sd-sage-color-combos-locked-subtle-foreground-accent: #8e5ad8;

$sd-sage-color-combos-locked-subtle-background: #d9c2ef;

$sd-sage-color-combos-locked-bold-foreground: #eee4f6;

$sd-sage-color-combos-locked-bold-background: #8e5ad8;

$sd-sage-color-combos-warning-default-foreground: #c56a02;

$sd-sage-color-combos-warning-default-foreground-accent: #8c3b08;

$sd-sage-color-combos-warning-default-background: #fef8e1;

$sd-sage-color-combos-warning-default-background-accent: #fad980;

$sd-sage-color-combos-warning-default-icon-background-accent: #c56a02;

$sd-sage-color-combos-warning-subtle-foreground: #c56a02;

$sd-sage-color-combos-warning-subtle-foreground-accent: #ffc505;

$sd-sage-color-combos-warning-subtle-background: #ffc505;

$sd-sage-color-combos-warning-bold-foreground: #fff;

$sd-sage-color-combos-warning-bold-background: #ffc505;

$sd-sage-color-combos-danger-default-foreground: #99221e;

$sd-sage-color-combos-danger-default-foreground-accent: #5e0d0d;

$sd-sage-color-combos-danger-default-background: #fff0f0;

$sd-sage-color-combos-danger-default-background-accent: #fdb0aa;

$sd-sage-color-combos-danger-default-icon-background-accent: #cf3c32;

$sd-sage-color-combos-danger-subtle-foreground: #99221e;

$sd-sage-color-combos-danger-subtle-foreground-accent: #fdb0aa;

$sd-sage-color-combos-danger-subtle-background: #fdb0aa;

$sd-sage-color-combos-danger-bold-foreground: #fff0f0;

$sd-sage-color-combos-danger-bold-background: #fdb0aa;

$sd-sage-color-combos-primary-default-foreground: #fff;

$sd-sage-color-combos-primary-default-foreground-accent: #fff;

$sd-sage-color-combos-primary-default-background: #8ecafb;

$sd-sage-color-combos-primary-subtle-foreground: #fff;

$sd-sage-color-combos-primary-subtle-foreground-accent: #fff;

$sd-sage-color-combos-primary-subtle-background: #8ecafb;

$sd-sage-color-combos-primary-bold-foreground: #fff;

$sd-sage-color-combos-primary-bold-background: #8ecafb;

$sd-sage-color-combos: (
  draft: (
    default: (
      foreground: $sd-sage-color-combos-draft-default-foreground,
      foreground-accent: $sd-sage-color-combos-draft-default-foreground-accent,
      background: $sd-sage-color-combos-draft-default-background,
      background-accent: $sd-sage-color-combos-draft-default-background-accent,
      icon-background-accent: $sd-sage-color-combos-draft-default-icon-background-accent,
    ),
    subtle: (
      foreground: $sd-sage-color-combos-draft-subtle-foreground,
      foreground-accent: $sd-sage-color-combos-draft-subtle-foreground-accent,
      background: $sd-sage-color-combos-draft-subtle-background,
    ),
    bold: (
      foreground: $sd-sage-color-combos-draft-bold-foreground,
      background: $sd-sage-color-combos-draft-bold-background,
    ),
  ),
  published: (
    default: (
      foreground: $sd-sage-color-combos-published-default-foreground,
      foreground-accent: $sd-sage-color-combos-published-default-foreground-accent,
      background: $sd-sage-color-combos-published-default-background,
      background-accent: $sd-sage-color-combos-published-default-background-accent,
      icon-background-accent: $sd-sage-color-combos-published-default-icon-background-accent,
    ),
    subtle: (
      foreground: $sd-sage-color-combos-published-subtle-foreground,
      foreground-accent: $sd-sage-color-combos-published-subtle-foreground-accent,
      background: $sd-sage-color-combos-published-subtle-background,
    ),
    bold: (
      foreground: $sd-sage-color-combos-published-bold-foreground,
      background: $sd-sage-color-combos-published-bold-background,
    ),
  ),
  info: (
    default: (
      foreground: $sd-sage-color-combos-info-default-foreground,
      foreground-accent: $sd-sage-color-combos-info-default-foreground-accent,
      background: $sd-sage-color-combos-info-default-background,
      background-accent: $sd-sage-color-combos-info-default-background-accent,
      icon-background-accent: $sd-sage-color-combos-info-default-icon-background-accent,
    ),
    subtle: (
      foreground: $sd-sage-color-combos-info-subtle-foreground,
      foreground-accent: $sd-sage-color-combos-info-subtle-foreground-accent,
      background: $sd-sage-color-combos-info-subtle-background,
    ),
    bold: (
      foreground: $sd-sage-color-combos-info-bold-foreground,
      background: $sd-sage-color-combos-info-bold-background,
    ),
  ),
  locked: (
    default: (
      foreground: $sd-sage-color-combos-locked-default-foreground,
      foreground-accent: $sd-sage-color-combos-locked-default-foreground-accent,
      background: $sd-sage-color-combos-locked-default-background,
      background-accent: $sd-sage-color-combos-locked-default-background-accent,
      icon-background-accent: $sd-sage-color-combos-locked-default-icon-background-accent,
    ),
    subtle: (
      foreground: $sd-sage-color-combos-locked-subtle-foreground,
      foreground-accent: $sd-sage-color-combos-locked-subtle-foreground-accent,
      background: $sd-sage-color-combos-locked-subtle-background,
    ),
    bold: (
      foreground: $sd-sage-color-combos-locked-bold-foreground,
      background: $sd-sage-color-combos-locked-bold-background,
    ),
  ),
  warning: (
    default: (
      foreground: $sd-sage-color-combos-warning-default-foreground,
      foreground-accent: $sd-sage-color-combos-warning-default-foreground-accent,
      background: $sd-sage-color-combos-warning-default-background,
      background-accent: $sd-sage-color-combos-warning-default-background-accent,
      icon-background-accent: $sd-sage-color-combos-warning-default-icon-background-accent,
    ),
    subtle: (
      foreground: $sd-sage-color-combos-warning-subtle-foreground,
      foreground-accent: $sd-sage-color-combos-warning-subtle-foreground-accent,
      background: $sd-sage-color-combos-warning-subtle-background,
    ),
    bold: (
      foreground: $sd-sage-color-combos-warning-bold-foreground,
      background: $sd-sage-color-combos-warning-bold-background,
    ),
  ),
  danger: (
    default: (
      foreground: $sd-sage-color-combos-danger-default-foreground,
      foreground-accent: $sd-sage-color-combos-danger-default-foreground-accent,
      background: $sd-sage-color-combos-danger-default-background,
      background-accent: $sd-sage-color-combos-danger-default-background-accent,
      icon-background-accent: $sd-sage-color-combos-danger-default-icon-background-accent,
    ),
    subtle: (
      foreground: $sd-sage-color-combos-danger-subtle-foreground,
      foreground-accent: $sd-sage-color-combos-danger-subtle-foreground-accent,
      background: $sd-sage-color-combos-danger-subtle-background,
    ),
    bold: (
      foreground: $sd-sage-color-combos-danger-bold-foreground,
      background: $sd-sage-color-combos-danger-bold-background,
    ),
  ),
  primary: (
    default: (
      foreground: $sd-sage-color-combos-primary-default-foreground,
      foreground-accent: $sd-sage-color-combos-primary-default-foreground-accent,
      background: $sd-sage-color-combos-primary-default-background,
    ),
    subtle: (
      foreground: $sd-sage-color-combos-primary-subtle-foreground,
      foreground-accent: $sd-sage-color-combos-primary-subtle-foreground-accent,
      background: $sd-sage-color-combos-primary-subtle-background,
    ),
    bold: (
      foreground: $sd-sage-color-combos-primary-bold-foreground,
      background: $sd-sage-color-combos-primary-bold-background,
    ),
  ),
);

$sd-sage-color-core-primary: #0072ef;

$sd-sage-color-core-sage: #23856d;

$sd-sage-color-core-yellow: #ffc505;

$sd-sage-color-core-red: #cf3c32;

$sd-sage-color-core-orange: #fb7e09;

$sd-sage-color-core-purple: #8e5ad8;

$sd-sage-color-core-charcoal: #43474b;

$sd-sage-color-core-grey: #8d939a;

$sd-sage-color-core-white: #fff;

$sd-sage-color-core-black: #000;

$sd-sage-color-core: (
  primary: $sd-sage-color-core-primary,
  sage: $sd-sage-color-core-sage,
  yellow: $sd-sage-color-core-yellow,
  red: $sd-sage-color-core-red,
  orange: $sd-sage-color-core-orange,
  purple: $sd-sage-color-core-purple,
  charcoal: $sd-sage-color-core-charcoal,
  grey: $sd-sage-color-core-grey,
  white: $sd-sage-color-core-white,
  black: $sd-sage-color-core-black,
);

$sd-sage-color-custom-label-primary-icon-background-accent: #3e92ee;

$sd-sage-color-custom-label-warning-background-accent: #f9df8b;

$sd-sage-color-custom-label-danger-background-accent: #f3988c;

$sd-sage-color-custom-label-danger-icon-background-accent: #da665e;

$sd-sage-color-custom: (
  label-primary-icon-background-accent: $sd-sage-color-custom-label-primary-icon-background-accent,
  label-warning-background-accent: $sd-sage-color-custom-label-warning-background-accent,
  label-danger-background-accent: $sd-sage-color-custom-label-danger-background-accent,
  label-danger-icon-background-accent: $sd-sage-color-custom-label-danger-icon-background-accent,
);

$sd-sage-content-grid-template-e-code: ".";

$sd-sage-content-grid-template-e-symbol: "e";

$sd-sage-content-grid-template-e-classname: "sage-grid-template-e";

$sd-sage-content-grid-template-i-code: "..";

$sd-sage-content-grid-template-i-symbol: "i";

$sd-sage-content-grid-template-i-classname: "sage-grid-template-i";

$sd-sage-content-grid-template-s-code: "...";

$sd-sage-content-grid-template-s-symbol: "s";

$sd-sage-content-grid-template-s-classname: "sage-grid-template-s";

$sd-sage-content-grid-template-t-code: "-";

$sd-sage-content-grid-template-t-symbol: "t";

$sd-sage-content-grid-template-t-classname: "sage-grid-template-t";

$sd-sage-content-grid-template-m-code: "--";

$sd-sage-content-grid-template-m-symbol: "m";

$sd-sage-content-grid-template-m-classname: "sage-grid-template-m";

$sd-sage-content-grid-template-o-code: "---";

$sd-sage-content-grid-template-o-symbol: "o";

$sd-sage-content-grid-template-o-classname: "sage-grid-template-o";

$sd-sage-content-grid-template-se-code: "....";

$sd-sage-content-grid-template-se-symbol: "se";

$sd-sage-content-grid-template-se-classname: "sage-grid-template-se";

$sd-sage-content-grid-template-si-code: ".....";

$sd-sage-content-grid-template-si-symbol: "si";

$sd-sage-content-grid-template-si-classname: "sage-grid-template-si";

$sd-sage-content-grid-template-ss-code: "......";

$sd-sage-content-grid-template-ss-symbol: "ss";

$sd-sage-content-grid-template-ss-classname: "sage-grid-template-ss";

$sd-sage-content-grid-template-ot-code: "----";

$sd-sage-content-grid-template-ot-symbol: "ot";

$sd-sage-content-grid-template-ot-classname: "sage-grid-template-ot";

$sd-sage-content-grid-template-om-code: "-----";

$sd-sage-content-grid-template-om-symbol: "om";

$sd-sage-content-grid-template-om-classname: "sage-grid-template-om";

$sd-sage-content-grid-template-oo-code: "------";

$sd-sage-content-grid-template-oo-symbol: "oo";

$sd-sage-content-grid-template-oo-classname: "sage-grid-template-oo";

$sd-sage-content-grid-template-et-code: ".-";

$sd-sage-content-grid-template-et-symbol: "et";

$sd-sage-content-grid-template-et-classname: "sage-grid-template-et";

$sd-sage-content-grid-template-em-code: ".--";

$sd-sage-content-grid-template-em-symbol: "em";

$sd-sage-content-grid-template-em-classname: "sage-grid-template-em";

$sd-sage-content-grid-template-eo-code: ".---";

$sd-sage-content-grid-template-eo-symbol: "eo";

$sd-sage-content-grid-template-eo-classname: "sage-grid-template-eo";

$sd-sage-content-grid-template-it-code: "..-";

$sd-sage-content-grid-template-it-symbol: "it";

$sd-sage-content-grid-template-it-classname: "sage-grid-template-it";

$sd-sage-content-grid-template-im-code: "..--";

$sd-sage-content-grid-template-im-symbol: "im";

$sd-sage-content-grid-template-im-classname: "sage-grid-template-im";

$sd-sage-content-grid-template-io-code: "..---";

$sd-sage-content-grid-template-io-symbol: "io";

$sd-sage-content-grid-template-io-classname: "sage-grid-template-io";

$sd-sage-content-grid-template-st-code: "...-";

$sd-sage-content-grid-template-st-symbol: "st";

$sd-sage-content-grid-template-st-classname: "sage-grid-template-st";

$sd-sage-content-grid-template-sm-code: "...--";

$sd-sage-content-grid-template-sm-symbol: "sm";

$sd-sage-content-grid-template-sm-classname: "sage-grid-template-sm";

$sd-sage-content-grid-template-so-code: "...---";

$sd-sage-content-grid-template-so-symbol: "so";

$sd-sage-content-grid-template-so-classname: "sage-grid-template-so";

$sd-sage-content-grid-template-te-code: "-.";

$sd-sage-content-grid-template-te-symbol: "te";

$sd-sage-content-grid-template-te-classname: "sage-grid-template-te";

$sd-sage-content-grid-template-ti-code: "-..";

$sd-sage-content-grid-template-ti-symbol: "ti";

$sd-sage-content-grid-template-ti-classname: "sage-grid-template-ti";

$sd-sage-content-grid-template-ts-code: "-...";

$sd-sage-content-grid-template-ts-symbol: "ts";

$sd-sage-content-grid-template-ts-classname: "sage-grid-template-ts";

$sd-sage-content-grid-template-me-code: "--.";

$sd-sage-content-grid-template-me-symbol: "me";

$sd-sage-content-grid-template-me-classname: "sage-grid-template-me";

$sd-sage-content-grid-template-mi-code: "--..";

$sd-sage-content-grid-template-mi-symbol: "mi";

$sd-sage-content-grid-template-mi-classname: "sage-grid-template-mi";

$sd-sage-content-grid-template-ms-code: "--...";

$sd-sage-content-grid-template-ms-symbol: "ms";

$sd-sage-content-grid-template-ms-classname: "sage-grid-template-ms";

$sd-sage-content-grid-template-oe-code: "---.";

$sd-sage-content-grid-template-oe-symbol: "oe";

$sd-sage-content-grid-template-oe-classname: "sage-grid-template-oe";

$sd-sage-content-grid-template-oi-code: "---..";

$sd-sage-content-grid-template-oi-symbol: "oi";

$sd-sage-content-grid-template-oi-classname: "sage-grid-template-oi";

$sd-sage-content-grid-template-os-code: "---...";

$sd-sage-content-grid-template-os-symbol: "os";

$sd-sage-content-grid-template-os-classname: "sage-grid-template-os";

$sd-sage-content-grid-template-ete-code: ".-.";

$sd-sage-content-grid-template-ete-symbol: "ete";

$sd-sage-content-grid-template-ete-classname: "sage-grid-template-ete";

$sd-sage-content-grid-template-eti-code: ".-..";

$sd-sage-content-grid-template-eti-symbol: "eti";

$sd-sage-content-grid-template-eti-classname: "sage-grid-template-eti";

$sd-sage-content-grid-template-ets-code: ".-...";

$sd-sage-content-grid-template-ets-symbol: "ets";

$sd-sage-content-grid-template-ets-classname: "sage-grid-template-ets";

$sd-sage-content-grid-template-eme-code: ".--.";

$sd-sage-content-grid-template-eme-symbol: "eme";

$sd-sage-content-grid-template-eme-classname: "sage-grid-template-eme";

$sd-sage-content-grid-template-emi-code: ".--..";

$sd-sage-content-grid-template-emi-symbol: "emi";

$sd-sage-content-grid-template-emi-classname: "sage-grid-template-emi";

$sd-sage-content-grid-template-ems-code: ".--...";

$sd-sage-content-grid-template-ems-symbol: "ems";

$sd-sage-content-grid-template-ems-classname: "sage-grid-template-ems";

$sd-sage-content-grid-template-eoe-code: ".---.";

$sd-sage-content-grid-template-eoe-symbol: "eoe";

$sd-sage-content-grid-template-eoe-classname: "sage-grid-template-eoe";

$sd-sage-content-grid-template-eoi-code: ".---..";

$sd-sage-content-grid-template-eoi-symbol: "eoi";

$sd-sage-content-grid-template-eoi-classname: "sage-grid-template-eoi";

$sd-sage-content-grid-template-eos-code: ".---...";

$sd-sage-content-grid-template-eos-symbol: "eos";

$sd-sage-content-grid-template-eos-classname: "sage-grid-template-eos";

$sd-sage-content-grid-template-ite-code: "..-.";

$sd-sage-content-grid-template-ite-symbol: "ite";

$sd-sage-content-grid-template-ite-classname: "sage-grid-template-ite";

$sd-sage-content-grid-template-iti-code: "..-..";

$sd-sage-content-grid-template-iti-symbol: "iti";

$sd-sage-content-grid-template-iti-classname: "sage-grid-template-iti";

$sd-sage-content-grid-template-its-code: "..-...";

$sd-sage-content-grid-template-its-symbol: "its";

$sd-sage-content-grid-template-its-classname: "sage-grid-template-its";

$sd-sage-content-grid-template-ime-code: "..--.";

$sd-sage-content-grid-template-ime-symbol: "ime";

$sd-sage-content-grid-template-ime-classname: "sage-grid-template-ime";

$sd-sage-content-grid-template-imi-code: "..--..";

$sd-sage-content-grid-template-imi-symbol: "imi";

$sd-sage-content-grid-template-imi-classname: "sage-grid-template-imi";

$sd-sage-content-grid-template-ims-code: "..--...";

$sd-sage-content-grid-template-ims-symbol: "ims";

$sd-sage-content-grid-template-ims-classname: "sage-grid-template-ims";

$sd-sage-content-grid-template-ioe-code: "..---.";

$sd-sage-content-grid-template-ioe-symbol: "ioe";

$sd-sage-content-grid-template-ioe-classname: "sage-grid-template-ioe";

$sd-sage-content-grid-template-ioi-code: "..---..";

$sd-sage-content-grid-template-ioi-symbol: "ioi";

$sd-sage-content-grid-template-ioi-classname: "sage-grid-template-ioi";

$sd-sage-content-grid-template-ios-code: "..---...";

$sd-sage-content-grid-template-ios-symbol: "ios";

$sd-sage-content-grid-template-ios-classname: "sage-grid-template-ios";

$sd-sage-content-grid-template-ste-code: "...-.";

$sd-sage-content-grid-template-ste-symbol: "ste";

$sd-sage-content-grid-template-ste-classname: "sage-grid-template-ste";

$sd-sage-content-grid-template-sti-code: "...-..";

$sd-sage-content-grid-template-sti-symbol: "sti";

$sd-sage-content-grid-template-sti-classname: "sage-grid-template-sti";

$sd-sage-content-grid-template-sts-code: "...-...";

$sd-sage-content-grid-template-sts-symbol: "sts";

$sd-sage-content-grid-template-sts-classname: "sage-grid-template-sts";

$sd-sage-content-grid-template-sme-code: "...--.";

$sd-sage-content-grid-template-sme-symbol: "sme";

$sd-sage-content-grid-template-sme-classname: "sage-grid-template-sme";

$sd-sage-content-grid-template-smi-code: "...--..";

$sd-sage-content-grid-template-smi-symbol: "smi";

$sd-sage-content-grid-template-smi-classname: "sage-grid-template-smi";

$sd-sage-content-grid-template-sms-code: "...--...";

$sd-sage-content-grid-template-sms-symbol: "sms";

$sd-sage-content-grid-template-sms-classname: "sage-grid-template-sms";

$sd-sage-content-grid-template-soe-code: "...---.";

$sd-sage-content-grid-template-soe-symbol: "soe";

$sd-sage-content-grid-template-soe-classname: "sage-grid-template-soe";

$sd-sage-content-grid-template-soi-code: "...---..";

$sd-sage-content-grid-template-soi-symbol: "soi";

$sd-sage-content-grid-template-soi-classname: "sage-grid-template-soi";

$sd-sage-content-grid-template-sos-code: "...---...";

$sd-sage-content-grid-template-sos-symbol: "sos";

$sd-sage-content-grid-template-sos-classname: "sage-grid-template-sos";

$sd-sage-content-grid-template: (
  e: (
    code: $sd-sage-content-grid-template-e-code,
    symbol: $sd-sage-content-grid-template-e-symbol,
    classname: $sd-sage-content-grid-template-e-classname,
  ),
  i: (
    code: $sd-sage-content-grid-template-i-code,
    symbol: $sd-sage-content-grid-template-i-symbol,
    classname: $sd-sage-content-grid-template-i-classname,
  ),
  s: (
    code: $sd-sage-content-grid-template-s-code,
    symbol: $sd-sage-content-grid-template-s-symbol,
    classname: $sd-sage-content-grid-template-s-classname,
  ),
  t: (
    code: $sd-sage-content-grid-template-t-code,
    symbol: $sd-sage-content-grid-template-t-symbol,
    classname: $sd-sage-content-grid-template-t-classname,
  ),
  m: (
    code: $sd-sage-content-grid-template-m-code,
    symbol: $sd-sage-content-grid-template-m-symbol,
    classname: $sd-sage-content-grid-template-m-classname,
  ),
  o: (
    code: $sd-sage-content-grid-template-o-code,
    symbol: $sd-sage-content-grid-template-o-symbol,
    classname: $sd-sage-content-grid-template-o-classname,
  ),
  se: (
    code: $sd-sage-content-grid-template-se-code,
    symbol: $sd-sage-content-grid-template-se-symbol,
    classname: $sd-sage-content-grid-template-se-classname,
  ),
  si: (
    code: $sd-sage-content-grid-template-si-code,
    symbol: $sd-sage-content-grid-template-si-symbol,
    classname: $sd-sage-content-grid-template-si-classname,
  ),
  ss: (
    code: $sd-sage-content-grid-template-ss-code,
    symbol: $sd-sage-content-grid-template-ss-symbol,
    classname: $sd-sage-content-grid-template-ss-classname,
  ),
  ot: (
    code: $sd-sage-content-grid-template-ot-code,
    symbol: $sd-sage-content-grid-template-ot-symbol,
    classname: $sd-sage-content-grid-template-ot-classname,
  ),
  om: (
    code: $sd-sage-content-grid-template-om-code,
    symbol: $sd-sage-content-grid-template-om-symbol,
    classname: $sd-sage-content-grid-template-om-classname,
  ),
  oo: (
    code: $sd-sage-content-grid-template-oo-code,
    symbol: $sd-sage-content-grid-template-oo-symbol,
    classname: $sd-sage-content-grid-template-oo-classname,
  ),
  et: (
    code: $sd-sage-content-grid-template-et-code,
    symbol: $sd-sage-content-grid-template-et-symbol,
    classname: $sd-sage-content-grid-template-et-classname,
  ),
  em: (
    code: $sd-sage-content-grid-template-em-code,
    symbol: $sd-sage-content-grid-template-em-symbol,
    classname: $sd-sage-content-grid-template-em-classname,
  ),
  eo: (
    code: $sd-sage-content-grid-template-eo-code,
    symbol: $sd-sage-content-grid-template-eo-symbol,
    classname: $sd-sage-content-grid-template-eo-classname,
  ),
  it: (
    code: $sd-sage-content-grid-template-it-code,
    symbol: $sd-sage-content-grid-template-it-symbol,
    classname: $sd-sage-content-grid-template-it-classname,
  ),
  im: (
    code: $sd-sage-content-grid-template-im-code,
    symbol: $sd-sage-content-grid-template-im-symbol,
    classname: $sd-sage-content-grid-template-im-classname,
  ),
  io: (
    code: $sd-sage-content-grid-template-io-code,
    symbol: $sd-sage-content-grid-template-io-symbol,
    classname: $sd-sage-content-grid-template-io-classname,
  ),
  st: (
    code: $sd-sage-content-grid-template-st-code,
    symbol: $sd-sage-content-grid-template-st-symbol,
    classname: $sd-sage-content-grid-template-st-classname,
  ),
  sm: (
    code: $sd-sage-content-grid-template-sm-code,
    symbol: $sd-sage-content-grid-template-sm-symbol,
    classname: $sd-sage-content-grid-template-sm-classname,
  ),
  so: (
    code: $sd-sage-content-grid-template-so-code,
    symbol: $sd-sage-content-grid-template-so-symbol,
    classname: $sd-sage-content-grid-template-so-classname,
  ),
  te: (
    code: $sd-sage-content-grid-template-te-code,
    symbol: $sd-sage-content-grid-template-te-symbol,
    classname: $sd-sage-content-grid-template-te-classname,
  ),
  ti: (
    code: $sd-sage-content-grid-template-ti-code,
    symbol: $sd-sage-content-grid-template-ti-symbol,
    classname: $sd-sage-content-grid-template-ti-classname,
  ),
  ts: (
    code: $sd-sage-content-grid-template-ts-code,
    symbol: $sd-sage-content-grid-template-ts-symbol,
    classname: $sd-sage-content-grid-template-ts-classname,
  ),
  me: (
    code: $sd-sage-content-grid-template-me-code,
    symbol: $sd-sage-content-grid-template-me-symbol,
    classname: $sd-sage-content-grid-template-me-classname,
  ),
  mi: (
    code: $sd-sage-content-grid-template-mi-code,
    symbol: $sd-sage-content-grid-template-mi-symbol,
    classname: $sd-sage-content-grid-template-mi-classname,
  ),
  ms: (
    code: $sd-sage-content-grid-template-ms-code,
    symbol: $sd-sage-content-grid-template-ms-symbol,
    classname: $sd-sage-content-grid-template-ms-classname,
  ),
  oe: (
    code: $sd-sage-content-grid-template-oe-code,
    symbol: $sd-sage-content-grid-template-oe-symbol,
    classname: $sd-sage-content-grid-template-oe-classname,
  ),
  oi: (
    code: $sd-sage-content-grid-template-oi-code,
    symbol: $sd-sage-content-grid-template-oi-symbol,
    classname: $sd-sage-content-grid-template-oi-classname,
  ),
  os: (
    code: $sd-sage-content-grid-template-os-code,
    symbol: $sd-sage-content-grid-template-os-symbol,
    classname: $sd-sage-content-grid-template-os-classname,
  ),
  ete: (
    code: $sd-sage-content-grid-template-ete-code,
    symbol: $sd-sage-content-grid-template-ete-symbol,
    classname: $sd-sage-content-grid-template-ete-classname,
  ),
  eti: (
    code: $sd-sage-content-grid-template-eti-code,
    symbol: $sd-sage-content-grid-template-eti-symbol,
    classname: $sd-sage-content-grid-template-eti-classname,
  ),
  ets: (
    code: $sd-sage-content-grid-template-ets-code,
    symbol: $sd-sage-content-grid-template-ets-symbol,
    classname: $sd-sage-content-grid-template-ets-classname,
  ),
  eme: (
    code: $sd-sage-content-grid-template-eme-code,
    symbol: $sd-sage-content-grid-template-eme-symbol,
    classname: $sd-sage-content-grid-template-eme-classname,
  ),
  emi: (
    code: $sd-sage-content-grid-template-emi-code,
    symbol: $sd-sage-content-grid-template-emi-symbol,
    classname: $sd-sage-content-grid-template-emi-classname,
  ),
  ems: (
    code: $sd-sage-content-grid-template-ems-code,
    symbol: $sd-sage-content-grid-template-ems-symbol,
    classname: $sd-sage-content-grid-template-ems-classname,
  ),
  eoe: (
    code: $sd-sage-content-grid-template-eoe-code,
    symbol: $sd-sage-content-grid-template-eoe-symbol,
    classname: $sd-sage-content-grid-template-eoe-classname,
  ),
  eoi: (
    code: $sd-sage-content-grid-template-eoi-code,
    symbol: $sd-sage-content-grid-template-eoi-symbol,
    classname: $sd-sage-content-grid-template-eoi-classname,
  ),
  eos: (
    code: $sd-sage-content-grid-template-eos-code,
    symbol: $sd-sage-content-grid-template-eos-symbol,
    classname: $sd-sage-content-grid-template-eos-classname,
  ),
  ite: (
    code: $sd-sage-content-grid-template-ite-code,
    symbol: $sd-sage-content-grid-template-ite-symbol,
    classname: $sd-sage-content-grid-template-ite-classname,
  ),
  iti: (
    code: $sd-sage-content-grid-template-iti-code,
    symbol: $sd-sage-content-grid-template-iti-symbol,
    classname: $sd-sage-content-grid-template-iti-classname,
  ),
  its: (
    code: $sd-sage-content-grid-template-its-code,
    symbol: $sd-sage-content-grid-template-its-symbol,
    classname: $sd-sage-content-grid-template-its-classname,
  ),
  ime: (
    code: $sd-sage-content-grid-template-ime-code,
    symbol: $sd-sage-content-grid-template-ime-symbol,
    classname: $sd-sage-content-grid-template-ime-classname,
  ),
  imi: (
    code: $sd-sage-content-grid-template-imi-code,
    symbol: $sd-sage-content-grid-template-imi-symbol,
    classname: $sd-sage-content-grid-template-imi-classname,
  ),
  ims: (
    code: $sd-sage-content-grid-template-ims-code,
    symbol: $sd-sage-content-grid-template-ims-symbol,
    classname: $sd-sage-content-grid-template-ims-classname,
  ),
  ioe: (
    code: $sd-sage-content-grid-template-ioe-code,
    symbol: $sd-sage-content-grid-template-ioe-symbol,
    classname: $sd-sage-content-grid-template-ioe-classname,
  ),
  ioi: (
    code: $sd-sage-content-grid-template-ioi-code,
    symbol: $sd-sage-content-grid-template-ioi-symbol,
    classname: $sd-sage-content-grid-template-ioi-classname,
  ),
  ios: (
    code: $sd-sage-content-grid-template-ios-code,
    symbol: $sd-sage-content-grid-template-ios-symbol,
    classname: $sd-sage-content-grid-template-ios-classname,
  ),
  ste: (
    code: $sd-sage-content-grid-template-ste-code,
    symbol: $sd-sage-content-grid-template-ste-symbol,
    classname: $sd-sage-content-grid-template-ste-classname,
  ),
  sti: (
    code: $sd-sage-content-grid-template-sti-code,
    symbol: $sd-sage-content-grid-template-sti-symbol,
    classname: $sd-sage-content-grid-template-sti-classname,
  ),
  sts: (
    code: $sd-sage-content-grid-template-sts-code,
    symbol: $sd-sage-content-grid-template-sts-symbol,
    classname: $sd-sage-content-grid-template-sts-classname,
  ),
  sme: (
    code: $sd-sage-content-grid-template-sme-code,
    symbol: $sd-sage-content-grid-template-sme-symbol,
    classname: $sd-sage-content-grid-template-sme-classname,
  ),
  smi: (
    code: $sd-sage-content-grid-template-smi-code,
    symbol: $sd-sage-content-grid-template-smi-symbol,
    classname: $sd-sage-content-grid-template-smi-classname,
  ),
  sms: (
    code: $sd-sage-content-grid-template-sms-code,
    symbol: $sd-sage-content-grid-template-sms-symbol,
    classname: $sd-sage-content-grid-template-sms-classname,
  ),
  soe: (
    code: $sd-sage-content-grid-template-soe-code,
    symbol: $sd-sage-content-grid-template-soe-symbol,
    classname: $sd-sage-content-grid-template-soe-classname,
  ),
  soi: (
    code: $sd-sage-content-grid-template-soi-code,
    symbol: $sd-sage-content-grid-template-soi-symbol,
    classname: $sd-sage-content-grid-template-soi-classname,
  ),
  sos: (
    code: $sd-sage-content-grid-template-sos-code,
    symbol: $sd-sage-content-grid-template-sos-symbol,
    classname: $sd-sage-content-grid-template-sos-classname,
  ),
);

@function sd-sage-color($key, $subkey, $subsubkey) { ... }

@function sd-sage-color-combos($key, $subkey, $subsubkey) { ... }

@function sd-sage-color-core($key) { ... }

@function sd-sage-color-custom($key) { ... }

@function sd-sage-content-grid-template($key, $subkey) { ... }

@function parse-morse-code($-code) { ... }

@function position-print-value($key, $value) { ... }

@function rem($value) { ... }

@function strip-unit($number) { ... }

@function str-replace($string, $search, $replace) { ... }

@function unicode($str) { ... }

$sage-use-rem-conversion: true !default;

@mixin clearfix() { ... }

@mixin icon-rotate($degrees, $rotation) { ... }

@mixin icon-flip($horiz, $vert, $rotation) { ... }

@mixin overflow-scroll($dimension: y) { ... }

@mixin placeholder() { ... }

@mixin position($top: false, $right: false, $bottom: false, $left: false) { ... }

@mixin position-full($offset: 0) { ... }

@mixin truncate() { ... }

@mixin visually-hidden() { ... }

@mixin target-safari() { ... }