@font-face {
    font-family: 'dongding'; /* Give it a name */
    src: url('../fonts/Dongding.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

@font-face {
    font-family: 'cutedino'; /* Give it a name */
    src: url('../fonts/CuteDino.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

@font-face {
    font-family: 'catcafe'; /* Give it a name */
    src: url('../fonts/CatCafe.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

  @font-face {
    font-family: 'nunito'; /* Give it a name */
    src: url('../fonts/Nunito-SemiBold.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

  @font-face {
    font-family: 'atkinson'; /* Give it a name */
    src: url('../fonts/AtkinsonHyperlegibleRegular102.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

  @font-face {
    font-family: 'poppins'; /* Give it a name */
    src: url('../fonts/Poppins-Medium.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

  @font-face {
    font-family: 'poppin'; /* Give it a name */
    src: url('../fonts/Poppin-Regular.ttf') format('truetype'); /* Path to the .ttf file */
    font-weight: normal; /* Adjust if needed (e.g., 700 for bold) */
    font-style: normal; /* Adjust if italic */
    font-display: auto;
  }

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --nav-bg-colour: rgba(0, 0, 0, 0.85);
    --card-bg-colour: rgba(0, 0, 0, 0.65);
    --white: #fff;
    --overlay-colour: rgba(0, 0, 0, 0.5);
    --orange: #fc5b44;
    --purple-gradient: linear-gradient(14deg,rgba(160, 43, 189, 1) 0%, rgba(242, 39, 225, 1) 93%);
    --green: #7af04b;
    --red: #ec2456;
    --blue: #005f92;
    --primary: #6366f1;
    --secondary: #22d3ee;
    --instructional: #6b7280;
    --danger: #ef4444;
    --bg: linear-gradient(135deg, #eef2ff, #ecfeff);
    --text: #1f2937;
    --card-bg: #ffffff;
    --text: #344646;
    --muted: #7b8f8c;
    

}

html {
  scroll-behavior: smooth;
  scrollbar-color: var(--orange) #f1f1f1; /* thumb and track color for Firefox */
  line-height: 1.7rem;
  scrollbar-width: 1px;
}

body {
  margin: 0;
  padding: 0;
  background: var(--bg-colour);
  width: 100%;
}

.hidden {
  display: none !important;
}

/* Amelia Overrides */
.am-icon-check {
  background-color: #ffd3d3 !important;
}

.file-error {
    margin-bottom: 0.25rem;
    color: #b91c1c !important;
    font-size: 0.9rem; 
}

.required {
  color: var(--danger);
  margin-left: 6px;
}

@media screen and (min-width: 768px) and (max-width: 1366px) {}

/* Mobile Responsive Styles */
@media (max-width: 768px) {}