@maykinmedia/design-tokens/assets/theme.css

Design tokens for Maykin theme

@font-face {
  font-family: titillium;
  src:
    url(./fonts/titillium-regular-webfont.woff2) format('woff2'),
    url(./fonts/titillium-regular-webfont.woff) format('woff');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: titillium;
  src:
    url(./fonts/titillium-bold-webfont.woff2) format('woff2'),
    url(./fonts/titillium-bold-webfont.woff) format('woff');
  font-weight: 700;
  font-style: normal;
}
/**
 * Do not edit directly, this file was auto-generated.
 */

.maykin-theme {
  --maykin-color-primary: #341a90;
  --maykin-color-secondary: #00bfcb;
  --maykin-color-secondary-darken: #038496;
  --maykin-color-opengem-blue: #04a5bb;
  --maykin-color-opengem-orange: #e67f00;
  --maykin-inputs-border-radius: 4px;
  --maykin-inputs-border-width: 1px;
  --utrecht-focus-outline-color: revert;
  --utrecht-focus-outline-offset: revert;
  --utrecht-focus-outline-style: revert;
  --utrecht-focus-outline-width: revert;
  --utrecht-typography-sans-serif-font-family: titillium,Helvetica,Arial,sans-serif;
  --utrecht-checkbox-border-color: #ced4da;
  --utrecht-checkbox-checked-border-color: #ced4da;
  --utrecht-checkbox-hover-border-width: 2px;
  --utrecht-document-font-family: titillium,Helvetica,Arial,sans-serif;
  --utrecht-form-label-color: #212529;
  --utrecht-form-label-font-weight: 400;
  --utrecht-heading-1-color: #37373c;
  --utrecht-heading-1-font-size: 2.75rem;
  --utrecht-heading-1-font-weight: 700;
  --utrecht-heading-2-color: #37373c;
  --utrecht-heading-2-font-size: 1.25rem;
  --utrecht-heading-2-font-weight: 500;
  --utrecht-link-color: #37373c;
  --utrecht-link-text-decoration: none;
  --utrecht-link-focus-color: #37373c;
  --utrecht-link-hover-text-decoration: underline;
  --utrecht-link-hover-text-decoration-thickness: 0.67px;
  --utrecht-nav-list-link-font-weight: 700;
  --utrecht-page-footer-background-color: #051f31;
  --utrecht-pagination-page-link-border-color: transparent;
  --utrecht-pagination-page-link-border-radius: 4px;
  --utrecht-pagination-page-link-current-border-color: transparent;
  --utrecht-pagination-page-link-hover-border-color: transparent;
  --utrecht-pagination-relative-link-border-color: transparent;
  --utrecht-pagination-relative-link-border-radius: 4px;
  --utrecht-pagination-relative-link-border-width: 2px;
  --utrecht-pagination-relative-link-hover-color: white;
  --utrecht-pagination-relative-link-hover-border-color: transparent;
  --utrecht-select-border-block-end-width: inherit;
  --utrecht-select-border-color: #ced4da;
  --utrecht-select-padding-block-start: 10px;
  --utrecht-select-padding-block-end: 10px;
  --utrecht-select-padding-inline-start: 12px;
  --utrecht-select-padding-inline-end: 12px;
  --utrecht-textbox-border-bottom-width: inherit;
  --utrecht-textbox-border-color: #ced4da;
  --utrecht-textbox-padding-block-start: 10px;
  --utrecht-textbox-padding-block-end: 10px;
  --utrecht-textbox-padding-inline-start: 12px;
  --utrecht-textbox-padding-inline-end: 12px;
  --gpp-woo-search-field-column-gap: 10px;
  --gpp-woo-search-result-list-heading-3-margin-block-end: .25rem;
  --utrecht-button-border-radius: var(--maykin-inputs-border-radius);
  --utrecht-button-primary-action-background-color: var(--maykin-color-secondary);
  --utrecht-button-primary-action-hover-background-color: var(--maykin-color-secondary-darken);
  --utrecht-button-primary-action-focus-background-color: var(--maykin-color-secondary);
  --utrecht-checkbox-border-radius: var(--maykin-inputs-border-radius);
  --utrecht-checkbox-border-width: var(--maykin-inputs-border-width);
  --utrecht-checkbox-checked-background-color: var(--maykin-color-secondary);
  --utrecht-checkbox-focus-border-width: var(--maykin-inputs-border-width);
  --utrecht-link-hover-color: var(--maykin-color-opengem-blue);
  --utrecht-pagination-page-link-color: var(--maykin-color-secondary);
  --utrecht-pagination-page-link-current-background-color: var(--maykin-color-secondary);
  --utrecht-pagination-page-link-hover-background-color: var(--maykin-color-secondary-darken);
  --utrecht-pagination-relative-link-color: var(--maykin-color-primary);
  --utrecht-pagination-relative-link-hover-background-color: var(--maykin-color-primary);
  --utrecht-select-border-radius: var(--maykin-inputs-border-radius);
  --utrecht-select-border-width: var(--maykin-inputs-border-width);
  --utrecht-textbox-border-radius: var(--maykin-inputs-border-radius);
  --utrecht-textbox-border-width: var(--maykin-inputs-border-width);
}