/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://wordpress.org/themes/twentytwentyone/
Template: twentytwentyone
Author: the WordPress team
Author URI: https://wordpress.org/
Version: 2.4.1742646135
Updated: 2025-03-22 12:22:15
*/

/* Import Crimson Text font */
@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');

:root{
  /* surfaces */
  --surface: #FFFFFF;
  --surface-cream: #FFF7EF; /* reverted: warm cream */
  --border: #E5E7EB;
  --shadow-tint: #E9ECF3;

  /* text */
  --text: #0F172A;
  --text-muted: #6B7280;
  --text-inverse: #FFFFFF;

  /* brand — reverted to orange CTA */
  --brand-500: #E04F2F; /* primary */
  --brand-600: #C73F23; /* hover */
  --brand-50:  #FFE6DB; /* soft tint */

  /* accents */
  --highlight-yellow: #FFED00;
  --brand-green: #0e5b5b;

  /* statuses */
  --info-500:  #3A66D8; --info-50:  #E7F0FF;
  --teal-500:  #14B8A6; --teal-50:  #E6F6F4;
  --peach-500: #F59E0B; --peach-50: #FFEDD5;
  --danger-500:#EF4444; --danger-50:#FDE2E2;

  /* utility */
  --pill-black:#111111;

  /* gradient example */
  --progress-start:#E9D5FF; --progress-end:#7C3AED;

  /* focus ring */
  --focus-ring:#FFD5C7; /* brand-tinted */

  /* typography */
  --font-primary: "Crimson Text", serif;
  --font-script: "Kalam", cursive;
}

/* base application */
body{ 
  color: var(--text); 
  background: var(--surface-cream); 
  font-family: var(--font-primary);
}

.site a{ color: var(--brand-600); }

select:focus,
button:focus,
input:focus,
img:focus,
.site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) img {
    outline: unset !important;
}

a,
a:hover,
a:focus {
    text-decoration: none !important;
}


button:hover,
button:active,
button:focus {
    border: none;
    outline: none;
}

.has-background-white .site a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    background: transparent !important;
    color: unset !important;
}

button:not(:hover):not(:active):not(.has-background) {
    background: transparent !important;
}

.site-main>* {
    margin: 0 !important;
}