/* Write your global styles here, in PostCSS syntax */

@tailwind base;
@tailwind base;
@tailwind components;
@tailwind utilities;

/*
 * Legal Disclaimer for Student/Education licence
 *
 * Student/Education Licence - Our package includes OTF, TTF, WOFF and WOFF2 font formats.
 *
 * For expiry date please check the relevant Licence Document.
 *
 * Licence to produce and publish work within educational context.
 * Any commercial exploitation is subject to separate licencing by the client.
 * The student/educational license expires at the end of the study period.
 * An upgrade to a full licence for professional use is required after expiry.
 * The upgrade within 3 months of expiry will be available at a reduced price for the educational Licence Holder.
 *
 */

@font-face {
  font-family: "CircularMono";
  src: url("/fonts/CircularXXMonoEduWeb-Regular.woff") format("woff");
}
@font-face {
  font-family: "CircularMono";
  src: url("/fonts/CircularXXMonoEduWeb-Regular.woff2") format("woff2");
}

@font-face {
	font-family: "Circular";
	src: url("/fonts/CircularXXEduWeb-Regular.woff") format("woff");
	font-weight: 400;
}
@font-face {
	font-family: "Circular";
	src: url("/fonts/CircularXXEduWeb-Regular.woff2") format("woff2");
	font-weight: 400;
}

@font-face {
	font-family: "Circular";
	src: url("/fonts/CircularXXEduWeb-Bold.woff") format("woff");
	font-weight: 700;
}
@font-face {
	font-family: "Circular";
	src: url("/fonts/CircularXXEduWeb-Bold.woff2") format("woff2");
	font-weight: 700;
}

:root [data-theme='vin-theme'] {
    --theme-font-family-base: 'Circular', sans-serif;
    --theme-font-family-heading: 'Circular', sans-serif;
}

* {
	@apply tracking-tight text-gray-950 transition-all;
}

h1 {
	@apply mb-6;
}

html, body {
	@apply bg-gray-50;
}

p {
	@apply text-gray-500;
}