/* Royshell Salient Child - custom.css
   Put your site-specific CSS here so style.css stays clean.
*/

:root{
  /* Your palette (can be used in custom CSS blocks) */
  --roy-navy: #0C2744;
  --roy-teal: #168AAD;
  --roy-yellow: #F5D491;
  --roy-orange: #F88A34;
  --roy-coral: #D94B40;
}

/* Example: tighten hero headings on mobile */
@media (max-width: 767px){
  h1{ font-size: 32px; }
}