{
  "name": "RMS Healm / Horizon",
  "version": "1.0.0",
  "updated": "2026-10-11",
  "source": "https://resortmanagement.ai/style-guide/",
  "color": {
    "paper": {"value": "#f8f8f1", "usage": "Primary page background"},
    "ink": {"value": "#213f36", "usage": "Primary text"},
    "green": {"value": "#214b3e", "usage": "Forest: primary logo, buttons, selected controls"},
    "deep": {"value": "#173f38", "usage": "Deep forest: dark sections and app icon background"},
    "muted": {"value": "#617266", "usage": "Secondary text on paper"},
    "line": {"value": "#d9dfd2", "usage": "Decorative separators; insufficient alone for control boundaries"},
    "lime": {"value": "#d6e8a6", "usage": "Highlight and CTA background on deep forest"},
    "pale": {"value": "#ecf0e4", "usage": "Secondary surface"},
    "ivory": {"value": "#f5f4e9", "usage": "Reverse logo; distinct from the paper background"},
    "sage": {"value": "#70896b", "usage": "Large display accents only on paper"},
    "white": {"value": "#ffffff", "usage": "Primary button labels and inset product surfaces"},
    "black": {"value": "#111111", "usage": "One-color logo"},
    "hover": {"value": "#32634f", "usage": "Primary button hover"}
  },
  "font": {
    "serif": "'Libre Caslon Display', Georgia, serif",
    "sans": "'DM Sans', Arial, sans-serif"
  },
  "type": {
    "heroDesktop": {"size": "clamp(62px, 5.35vw, 78px)", "lineHeight": "0.98", "letterSpacing": "-2.5px", "weight": 400},
    "heroMobile": {"size": "clamp(54px, 15.5vw, 78px)", "lineHeight": "0.98", "letterSpacing": "-1.7px", "weight": 400},
    "heading": {"size": "clamp(44px, 4.5vw, 66px)", "lineHeight": "1.04", "letterSpacing": "-1.5px", "weight": 400},
    "body": {"size": "16px", "lineHeight": "1.75", "weight": 400},
    "label": {"size": "12px", "lineHeight": "1.7", "letterSpacing": "1.7px", "weight": 650}
  },
  "space": {"1": "4px", "2": "8px", "3": "12px", "4": "16px", "5": "20px", "6": "24px", "8": "32px", "10": "40px", "14": "56px"},
  "layout": {"maxWidth": "1328px", "gutterDesktop": "56px", "gutterTablet": "22px", "gutterMobile": "20px", "sectionDesktop": "90px", "sectionTablet": "65px", "sectionMobile": "52px"},
  "breakpoint": {"compact": "1150px", "tablet": "850px", "mobile": "620px"},
  "radius": {"control": "4px", "card": "5px", "showcase": "6px", "photoCorner": "100px", "photoCornerMobile": "70px"},
  "motion": {"duration": "200ms", "easing": "ease", "hoverLift": "-2px"},
  "shadow": {"card": "0 10px 30px #18382208", "photo": "0 12px 35px #163e3215"},
  "notes": [
    "Color and font variables are shared with the marketing site. Layout values document its visual rhythm; prefer these named values when adding new work.",
    "Labels default to 12px for new interfaces. Miniature marketing illustrations use smaller type and are not production UI specifications.",
    "Outlined logos are artwork. Do not reconstruct their Georgia/Arial lettering using the display font."
  ]
}