/* ============================================================
   Marian Ministries of Kansas & Missouri
   Shared brand foundation — fonts, raw tokens, reset
   Colors and type per the 2026 brand guide (mmkm_typecolor / mmkm_type)
   ============================================================ */

@font-face {
  font-family: 'A028';
  src: url('fonts/A028-Med.woff2') format('woff2'),
       url('fonts/A028-Med.ttf') format('truetype');
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Primary */
  --celeste:     #006289;  /* Celeste Blue */
  --sky:         #CCE0E7;  /* Our Lady of the Sky */
  --star:        #DBAB60;  /* Bright Star */

  /* Secondary */
  --indigo:      #001C38;  /* Immaculata Indigo */
  --clouds:      #F0F6F8;  /* Through the Clouds */
  --buttermilk:  #F4E5CE;  /* Buttermilk */

  /* Derived tints — screened values, permitted by the guide */
  --celeste-900: #00293a;
  --celeste-700: #004a68;
  --celeste-300: #4b93b0;
  --celeste-100: #e3eff4;
  --star-700:    #b3822f;
  --star-200:    #f2dcb8;
  --indigo-800:  #002a52;
  --indigo-600:  #0b3c6b;
  --ink:         #14202c;
  --ink-muted:   #4d5f6f;
  --hairline:    rgba(0, 28, 56, 0.12);

  /* Type */
  --f-head: 'A028', 'Optima', 'Palatino Linotype', Palatino, serif;
  --f-sub:  'Red Hat Display', 'Helvetica Neue', Arial, sans-serif;
  --f-body: Georgia, 'Iowan Old Style', 'Times New Roman', serif;
}

*, *::before, *::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }

body {
  margin: 0;
  font-family: var(--f-body);
  color: var(--ink);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: 400; }
p { margin: 0; }
ul, ol { margin: 0; padding: 0; list-style: none; }
img, svg { display: block; max-width: 100%; }
a { color: inherit; }
button { font: inherit; color: inherit; }

/* Utility: the placeholder standing in for apostolate marks
   (Phase 1 sub-brand identities are not designed yet) */
.mark-placeholder {
  background: rgba(0, 28, 56, 0.10);
  border: 1px dashed rgba(0, 28, 56, 0.22);
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--f-sub);
  font-size: 9px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: rgba(0, 28, 56, 0.45);
  text-align: center;
  line-height: 1.3;
  flex: none;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}