@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght=0,400;0,700;1,400;1,700&display=swap');

:root {
  /* CTT Collaboration Branding Color Palette */
  --color-primary: #011e41;       /* True deep Navy/Oxford Blue */
  --color-primary-100: #eef2f7; 
  --color-primary-200: #d1dce9; 
  --color-primary-300: #a3b9d2; 
  --color-primary-400: #6e91b9; 
  --color-primary-500: #416e9f; 
  --color-primary-600: #011e41;   /* Match link profile */
  --color-primary-700: #011631; 
  --color-primary-800: #011e41; 
  --color-primary-900: #000c1b; 
  --color-primary-base: #011e41; 

  --color-info-100: #e5f4ff; 
  --color-info-200: #b3e0ff; 
  --color-info-300: #80cbff; 
  --color-info-400: #4db5ff; 
  --color-info-500: #1aa1ff; 
  --color-info-600: #0087e6; 
  --color-info-700: #0069b3; 
  --color-info-800: #004b80; 
  --color-info-900: #002d4d; 
  --color-info-base: #001e33; 

  --color-danger-100: #ffe5e5; 
  --color-danger-200: #ffb3b3; 
  --color-danger-300: #ff8080; 
  --color-danger-400: #ff4d4d; 
  --color-danger-500: #ff1a1a; 
  --color-danger-600: #e60000; 
  --color-danger-700: #b30000; 
  --color-danger-800: #800000; 
  --color-danger-900: #4d0000; 
  --color-danger-base: #d00000; 

  --color-success-100: #eafbf7; 
  --color-success-200: #bff3e8; 
  --color-success-300: #94ebd9; 
  --color-success-400: #69e3ca; 
  --color-success-500: #3edbbb; 
  --color-success-600: #24c1a1; 
  --color-success-700: #2a7d6e; 
  --color-success-800: #32695e; 
  --color-success-900: #0c4036; 
  --color-success-base: #105547; 

  --color-warning-100: #fff0e5; 
  --color-warning-200: #ffd3b3; 
  --color-warning-300: #ffb680; 
  --color-warning-400: #ff994d; 
  --color-warning-500: #ff7c1a; 
  --color-warning-600: #e60000; 
  --color-warning-700: #b34c00; 
  --color-warning-800: #803700; 
  --color-warning-900: #4d2100; 
  --color-warning-base: #ff6d00; 

  --color-neutral-100: #f8f9fa; 
  --color-neutral-200: #e9ecef; 
  --color-neutral-300: #dee2e6; 
  --color-neutral-400: #ced4da; 
  --color-neutral-500: #adb5bd; 
  --color-neutral-600: #6c757d; 
  --color-neutral-700: #495057; 
  --color-neutral-800: #343a40; 
  --color-neutral-900: #212529; 
  --color-neutral-base: #333333; 

  --heading-text-transform: none;

  /* Button variables explicitly updated */
  --theme-button-color: #fe5000;
  --theme-button-hover-color: #011e41;

  /* Link & Header mappings updated */
  --link-color: #011e41;
  --site-header-color: #ffffff;
  --site-header-font-color: var(--color-primary-base);
  --site-header-font-color-hover: var(--theme-button-color);

  --feature-color: #f4f7f9;
  --label-primary: var(--color-primary-base);
  --text-details: #333333;
  --heading-color: var(--color-primary-base);

  /* Clean sans-serif typography stack matching CTT */
  --heading-font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --subheading-font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --body-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  --base-border-radius: 4px;

  /* Responsive heading sizes */
  --h1-size: clamp(2.25rem, 1.2rem + 3vw, 3.75rem);  
  --h2-size: clamp(1.85rem, 1.1rem + 2.5vw, 3rem);   
}

/* Link updates */
a {
  color: var(--link-color);
  text-decoration: underline;
}
a:hover {
  color: var(--theme-button-color);
}

/* Primary Button Mappings */
.btn-primary, .btn-default {
  background-color: var(--theme-button-color) !important;
  border-color: var(--theme-button-color) !important;
  color: #ffffff !important;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

.btn-primary:hover, .btn-default:hover {
  background-color: var(--theme-button-hover-color) !important;
  border-color: var(--theme-button-hover-color) !important;
  color: #ffffff !important;
}

/* Clear headings */
.rich-text h1, .rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6, .text-heading { 
  border-bottom: 0; 
  font-family: var(--heading-font-family);
}

/* Typography applications */
h1, .mce-content-body h1 {
  font-family: var(--heading-font-family);
  font-size: var(--h1-size);
  line-height: 1.2;
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--heading-color);
}

h2, .mce-content-body h2 {
  font-family: var(--heading-font-family);
  font-size: var(--h2-size);
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -0.0