/* Mt Hood Gentle Care — Brand system */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,300;9..144,400;9..144,500;9..144,600;9..144,700&family=DM+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* Sage direction (primary) */
  --sage-50: #F5F1E8;
  --sage-100: #E8E3D2;
  --sage-200: #C9D1BE;
  --sage-300: #A8B8A2;
  --sage-400: #8FA38B;
  --sage-500: #6B7E68;
  --sage-600: #4A5D4F;
  --sage-700: #2F3D33;

  --sand-200: #E8DCC4;
  --sand-300: #D4C3A3;
  --sand-400: #B8A88B;
  --sand-500: #8F7E64;

  --ink: #2B2A26;
  --ink-soft: #4B4A44;
  --ink-mute: #7A786F;

  --cream: #F5F1E8;
  --cream-deep: #EDE7D6;
  --paper: #FAF7EF;

  /* Terracotta direction */
  --clay-300: #D9A58A;
  --clay-400: #BF7F60;
  --clay-500: #9B5E43;

  --serif: "Fraunces", "Cormorant Garamond", Georgia, serif;
  --sans: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --mono: "JetBrains Mono", ui-monospace, monospace;
}

.mhgc-label {
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: 0.22em;
  text-transform: uppercase;
  color: var(--sage-500);
  font-weight: 500;
}

.mhgc-h1 {
  font-family: var(--serif);
  font-weight: 400;
  font-variation-settings: "opsz" 144, "SOFT" 30;
  letter-spacing: -0.015em;
  color: var(--sage-700);
  line-height: 0.95;
}

.mhgc-body {
  font-family: var(--sans);
  color: var(--ink-soft);
  line-height: 1.55;
}

.mhgc-rule { height: 1px; background: var(--sage-200); border: 0; }