@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Parkinsans:wght@300..800&display=swap');
@import "govuk-frontend/dist/govuk/govuk-frontend.min.css";
@import "tailwindcss";
@plugin "daisyui" {
  themes: light;
}

/* Tailwind Global Vars: they can be used both inline and in stylesheets */

@theme {
  /* Fonts */
  --font-body: "Nunito Sans", sans-serif;
  --font-display: "Parkinsans", sans-serif;
  --font-headings: "Helvetica", sans-serif;

  /* Brand Colors */
  --color-brand-primary: #00838A;
  --color-brand-dark: #1F5C73;
  --color-brand-soft: #DCEFF6;

  /* Text Colors */
  --color-text-primary: #39415C;
  --color-text-secondary: #4B5563;
  --color-text-muted: #6B7280;
  --color-text-inverse: #FFFFFF;
  --color-text-error: #B42318;
  --color-text-link: #1A0DAB;

  /* Background Colors */
  --color-bg-default: #FFFFFF;
  --color-bg-app: #F6F9FB;
  --color-bg-muted: #EDF3F7;
  --color-bg-colorful: #CCFFFE;

  /* Stroke and Border Colors */
  --color-stroke-primary: #06C7C3;
  --color-stroke-error: #F03C66;

  /* Focus Colors */
  --color-focus-ring: #FFBF47;
  --color-focus-inverse: #FFECAE;

  /* Spacing Scale */
  --spacing-space-0: 0px;
  --spacing-space-1: 5px;
  --spacing-space-2: 10px;
  --spacing-space-3: 15px;
  --spacing-space-4: 20px;
  --spacing-space-5: 25px;
  --spacing-space-6: 30px;
  --spacing-space-8: 50px;
  --spacing-space-9: 60px;

  /* Font Sizes */
  --text-body-s: 12px;
  --text-body: 19px;
  --text-heading-m: 24px;
  --text-heading-l: 32px;

  /* Line Heights */
  --leading-body-s: 20px;
  --leading-body: 25px;
  --leading-heading-m: 30px;
  --leading-heading-l: 40px;

  /* Border Radius */
  --radius-input: 12px;
  --radius-button: 11px;
  --radius-card: 20px;
}

/* GOV.UK Overrides */

.govuk-button {
  border-radius: var(--radius-button);
  font-size: var(--text-body);
}

.govuk-button:not(.govuk-button--secondary) {
  background-color: var(--color-brand-primary);
  box-shadow: 0 2px 0 var(--color-brand-dark);
  font-weight: bold;
}

.govuk-button:not(.govuk-button--secondary):hover {
  background-color: var(--color-brand-dark);
}

input[type="submit"].govuk-button {
  margin-top: var(--spacing-space-6);
}

.govuk-input {
  border-radius: var(--radius-input);
  border: 1px solid var(--color-brand-primary);
  background-color: white;
  font-size: var(--text-body);
}

.govuk-label {
  font-size: var(--text-body);
  font-weight: lighter;
}

.govuk-inset-text {
  border-left-color: var(--color-stroke-primary);
  font-size: var(--text-body);
}

.govuk-back-link {
  font-size: var(--text-body);
}

.govuk-checkboxes__input {
  border-radius: var(--radius-input) !important;
}

.govuk-checkboxes__label::before {
  border-radius: var(--radius-input) !important;
}

.govuk-inset-text.border-stroke-error {
  border-left-color: var(--color-stroke-error) !important;
  color: var(--color-text-error);
  border-left: 2px solid;
  font-size: var(--text-body);
}

/* Base Element Styles */
body, body * {
  font-family: var(--font-body) !important;
  font-weight: lighter;
}

body {
  color: var(--color-text-primary);
  background-color: var(--color-bg-app) !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-display) !important;
  font-weight: normal;
}

h1 {
  font-size: var(--text-heading-l);
  line-height: var(--leading-heading-l);
}

h2 {
  font-size: var(--text-heading-m);
  line-height: var(--leading-heading-m);
}

p {
  font-family: var(--font-body);
  color: var(--color-text-primary);
  font-size: var(--text-body);
  line-height: var(--leading-body);
  font-weight: normal;
}

p.text-small {
  font-size: var(--text-body-s);
  line-height: var(--leading-body-s);
}

a {
  color: var(--color-text-link);
  text-decoration: underline;
}