/* = Project info and vars. */
:import {
  -st-from: "./project.st.css";
  -st-default: StudyUK;
}

/* Colors from base vars. */
:import {
  -st-from: "../base/project.st.css";
  -st-named:
    --color-accent-1;
}

:import {
  -st-from: "../../formatters/calcLineHeight";
  -st-default: calcLineHeight;
}

:import {
  -st-from: "../../formatters/calcRemFromPixel";
  -st-default: calcRemFromPixel;
}

/* CSS API from component directory. */
:import {
  -st-from: "../../components/Body/body.st.css";
  -st-default: Body;
}

/* Get the blockquote var referances we have defined in our base theme. */
:import {
  -st-from: "../base/body.st.css";
  -st-named:
    --blockquote-bar-color,
    --blockquote-border-radius;
}

@st-scope StudyUK {
  Body {
    --blockquote-bar-color: var(--color-accent-1);
    --blockquote-border-radius: 0;
  }

  Body ul,
  Body ol {
    font-size: calcRemFromPixel(16);
    line-height: calcLineHeight(16, 24);
  }

  Body ul li::marker,
  Body ol li::marker {
    color: #CC1474;
  }

  Body ul li::marker {
    font-size: 20px;
  }
}