:root {
  /* MD Brand Colors */
  --site-c-main: #0a1645;
  --site-c-main-hue: #0a1645;
  --site-c-main-light: #E0F2FE;
  --site-c-sub: #DC2626;
  --site-c-black: #1e293b;
  --site-c-gray: #64748b;
  --site-c-silvergray: #cbd5e1;
  --site-c-lightgray: #f8fafc;
  --site-c-disabledgray: #e2e8f0;
  --site-c-blue: #0369A1;
  --site-c-red: #DC2626;
  --site-c-orange: #f97316;
  --site-c-green: #059669;
  --site-bg-c: #fff;
  --site-bg-c-sub: #f8fafc;
  --site-bg-c-underlayer: #f1f5f9;
  --site-bg-c-ribbon: #dceefa;
  --site-border-c: #e2e8f0;
  --font-c: #334155;
  --font-c-link: #0a1645;
  --marker-c: #FFD700;
  --column-c-main: #0369A1;
  --bc-bg-c: #0a1645;
  --bc-bg-c-sp: #0a1645;
  --header-height: 80px;
  --footer-border: rgba(255,255,255,0.1);
  --site-btn-height: 48px;
  --site-btn-small-height: 40px;
  --site-input-height: 48px;
  --site-input-border-c: #d1d1d1;
  --site-input-gap: 8px;
  --site-input-error-height: 17px;
  --site-container-width: 1280px;
  --site-container-padding: 40px;

  /* MD Specific Colors */
  --md-primary: #091645;
  --md-spec-rent: #DC2626;
  --md-spec-area: #059669;
  --md-gold: #C5A059;
  --md-gold-text: #9E7C1F;
  --md-rank-s: #D4A517;
  --md-rank-a: #2A7FAA;
  --md-rank-b: #A0A0A0;
  --md-rank-c: #D1D1D1;
  --md-tag-bg: #E0F2FE;
  --md-tag-text: #0369A1;
}
@media screen and (max-width: 959.98px) {
  :root {
    --header-height: 56px;
    --site-btn-height: 48px;
    --site-btn-small-height: 40px;
    --site-input-height: 48px;
    --site-container-padding: 20px;
  }
}
@media screen and (max-width: 767.98px) {
  :root {
    --header-height: 56px;
    --site-btn-height: 48px;
    --site-btn-small-height: 40px;
    --site-input-height: 48px;
    --site-input-gap: 4px;
    --site-input-error-height: 14px;
    --site-container-padding: 15px;
  }
}