@use '../../../../../../styles/src/digi-styles.utils' as *;

@mixin digi-logo--variables() {
  --digi--logo--img--min-width: #{rem(256)};
  --digi--logo--img--max-width:#{rem(292)};
  --digi--logo--img--max-width--large: #{rem(368)};
  --digi--logo--img--max-width--system: #{rem(44)};

  --digi--logo--padding: 1.375rem;
  --digi--logo--padding--wide: var(--digi--gutter--larger);
  --digi--logo--padding--large: var(--digi--gutter--medium);
  --digi--logo--padding--large--wide: var(--digi--gutter--larger);

  --digi--logo--logotype-color: var(--digi--color--logotype-color);
  --digi--logo--color--primary: var(--digi--color--text--interactive--brand-primary);
  --digi--logo--color--secondary: var(--digi--color--text--secondary);

  --digi--logo--color--border--primary: var(--digi--color--text--primary);
  --digi--logo--color--border--secondary: var(--digi--color--text--secondary);
}