{
  "$description": "High Contrast mode overrides — Scale2Clinic. Apply via @media (forced-colors: active) or .hc-mode class. Uses CSS system colors for maximum compatibility. Also contains dark mode shadow variants.",
  "color": {
    "text": {
      "primary": { "$value": "CanvasText", "$type": "color" },
      "secondary": { "$value": "CanvasText", "$type": "color" },
      "tertiary": { "$value": "GrayText", "$type": "color" },
      "disabled": { "$value": "GrayText", "$type": "color" },
      "inverse": { "$value": "Canvas", "$type": "color" },
      "on-action": { "$value": "ButtonText", "$type": "color" }
    },
    "bg": {
      "primary": { "$value": "Canvas", "$type": "color" },
      "elevated": { "$value": "Canvas", "$type": "color" },
      "disabled": { "$value": "Canvas", "$type": "color" },
      "hover": { "$value": "Highlight", "$type": "color" },
      "overlay": { "$value": "Canvas", "$type": "color" }
    },
    "border": {
      "default": { "$value": "CanvasText", "$type": "color" },
      "subtle": { "$value": "CanvasText", "$type": "color" },
      "focus": { "$value": "Highlight", "$type": "color" },
      "error": { "$value": "LinkText", "$type": "color" },
      "success": { "$value": "CanvasText", "$type": "color" }
    },
    "action": {
      "primary": { "$value": "ButtonFace", "$type": "color" },
      "primary-text": { "$value": "ButtonText", "$type": "color" },
      "primary-hover": { "$value": "Highlight", "$type": "color" },
      "link": { "$value": "LinkText", "$type": "color" }
    },
    "feedback": {
      "error": { "$value": "LinkText", "$type": "color" },
      "warning": { "$value": "CanvasText", "$type": "color" },
      "success": { "$value": "CanvasText", "$type": "color" },
      "info": { "$value": "Highlight", "$type": "color" }
    }
  },
  "shadow": {
    "$description": "Dark mode shadow variants — higher opacity for visibility against dark backgrounds",
    "dark": {
      "none": { "$value": "none", "$type": "shadow" },
      "xs": { "$value": "0px 1px 2px 0px rgba(0,0,0,0.30)", "$type": "shadow" },
      "sm": { "$value": "0px 1px 3px 0px rgba(0,0,0,0.35), 0px 1px 2px -1px rgba(0,0,0,0.30)", "$type": "shadow" },
      "md": { "$value": "0px 4px 6px -1px rgba(0,0,0,0.40), 0px 2px 4px -2px rgba(0,0,0,0.35)", "$type": "shadow" },
      "lg": { "$value": "0px 10px 15px -3px rgba(0,0,0,0.45), 0px 4px 6px -4px rgba(0,0,0,0.40)", "$type": "shadow" },
      "xl": { "$value": "0px 20px 25px -5px rgba(0,0,0,0.50), 0px 8px 10px -6px rgba(0,0,0,0.45)", "$type": "shadow" },
      "2xl": { "$value": "0px 25px 50px -12px rgba(0,0,0,0.60)", "$type": "shadow" },
      "inner": { "$value": "inset 0px 2px 4px 0px rgba(0,0,0,0.30)", "$type": "shadow" },
      "brand-glow": { "$value": "0px 0px 0px 3px rgba(47,162,253,0.40)", "$type": "shadow" }
    }
  }
}