{
  "$description": "Design tokens for the Remedy style. Generated from tokens.css by scripts/sync-tokens.mjs; edit tokens.css, not this file.",
  "modes": {
    "default": "light",
    "alternate": "dark"
  },
  "color": {
    "paper": {
      "$type": "color",
      "$value": "#f3f6f5",
      "$dark": "#0b1412",
      "$description": "cool clinical paper, a breath of mint; never cream"
    },
    "card": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#12201c",
      "$description": "shelves, cards, forms"
    },
    "well": {
      "$type": "color",
      "$value": "#e8eeec",
      "$dark": "#0e1916",
      "$description": "pressed-in wells: inputs, tracks, the blister tray"
    },
    "line": {
      "$type": "color",
      "$value": "#d3ddd9",
      "$dark": "#233530",
      "$description": "hairlines and card edges"
    },
    "ink": {
      "$type": "color",
      "$value": "#0f1f1b",
      "$dark": "#e8f1ed",
      "$description": "all text"
    },
    "ink-2": {
      "$type": "color",
      "$value": "#34463f",
      "$dark": "#c2d1cb"
    },
    "muted": {
      "$type": "color",
      "$value": "#53645d",
      "$dark": "#93a59e",
      "$description": "quiet text; AA on paper, card and well"
    },
    "green": {
      "$type": "color",
      "$value": "#0a6b50",
      "$dark": "#3ecf9d"
    },
    "green-2": {
      "$type": "color",
      "$value": "#08583f",
      "$dark": "#62dcb2",
      "$description": "green, hovered"
    },
    "on-green": {
      "$type": "color",
      "$value": "#ffffff",
      "$dark": "#052119",
      "$description": "text on green"
    },
    "green-soft": {
      "$type": "color",
      "$value": "#dbefe6",
      "$dark": "#12382c",
      "$description": "green tint: chips, selected rows"
    },
    "mint": {
      "$type": "color",
      "$value": "#8edcbd",
      "$dark": "#3a9e7d",
      "$description": "decorative only: pill halves, highlights; never text"
    },
    "label": {
      "$type": "color",
      "$value": "#fff6cf",
      "$description": "label paper; stays light in both modes, like a real label"
    },
    "label-edge": {
      "$type": "color",
      "$value": "#eadc95",
      "$description": "perforations and the label's edge"
    },
    "label-ink": {
      "$type": "color",
      "$value": "#1e1a08",
      "$description": "text on label stock, both modes"
    },
    "alert": {
      "$type": "color",
      "$value": "#ad3320",
      "$dark": "#ff8b74",
      "$description": "urgent text: \"call 000\", out of stock"
    },
    "alert-soft": {
      "$type": "color",
      "$value": "#fbe3dd",
      "$dark": "#3a1a13"
    },
    "ok": {
      "$type": "color",
      "$value": "#0a6b50",
      "$dark": "#3ecf9d"
    },
    "focus": {
      "$type": "color",
      "$value": "#2b5bd6",
      "$dark": "#8fb0ff",
      "$description": "focus ring: a clear clinical blue"
    },
    "foil": {
      "$type": "color",
      "$value": "#c9d2cf",
      "$dark": "#2c3a36",
      "$description": "blister foil base; the JS lights it"
    },
    "d": {
      "$type": "color",
      "$value": "320ms"
    }
  },
  "shadow": {
    "shadow-card": {
      "$type": "shadow",
      "$value": "0 1px 0 rgba(15, 31, 27, 0.04), 0 12px 32px -20px rgba(15, 31, 27, 0.28)",
      "$dark": "0 1px 0 rgba(0, 0, 0, 0.4), 0 14px 34px -20px rgba(0, 0, 0, 0.8)"
    },
    "shadow-lift": {
      "$type": "shadow",
      "$value": "0 1px 0 rgba(15, 31, 27, 0.05), 0 24px 48px -24px rgba(15, 31, 27, 0.34)",
      "$dark": "0 1px 0 rgba(0, 0, 0, 0.4), 0 26px 52px -24px rgba(0, 0, 0, 0.9)"
    },
    "shadow-label": {
      "$type": "shadow",
      "$value": "0 1px 1px rgba(60, 50, 0, 0.12), 0 14px 26px -16px rgba(60, 50, 0, 0.45)",
      "$dark": "0 1px 1px rgba(0, 0, 0, 0.4), 0 16px 30px -14px rgba(0, 0, 0, 0.8)"
    },
    "shadow-press": {
      "$type": "shadow",
      "$value": "inset 0 2px 6px rgba(15, 31, 27, 0.16)",
      "$dark": "inset 0 2px 6px rgba(0, 0, 0, 0.5)"
    }
  },
  "type": {
    "display": {
      "$type": "fontFamily",
      "$value": "\"Schibsted Grotesk\", \"Helvetica Neue\", Arial, system-ui, sans-serif"
    },
    "body": {
      "$type": "fontFamily",
      "$value": "\"Public Sans\", \"Segoe UI\", system-ui, sans-serif"
    },
    "mono": {
      "$type": "fontFamily",
      "$value": "\"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
      "$description": "labels, numbers, dosage-style details"
    },
    "fs-h1": {
      "$type": "fontFamily",
      "$value": "clamp(42px, 5.6vw, 84px)"
    },
    "fs-h2": {
      "$type": "fontFamily",
      "$value": "clamp(30px, 3.8vw, 54px)"
    },
    "fs-h3": {
      "$type": "dimension",
      "$value": "22px"
    },
    "fs-lead": {
      "$type": "fontFamily",
      "$value": "clamp(17px, 1.35vw, 20px)"
    },
    "fs-body": {
      "$type": "dimension",
      "$value": "16.5px"
    },
    "fs-small": {
      "$type": "dimension",
      "$value": "14px"
    },
    "fs-label": {
      "$type": "dimension",
      "$value": "12.5px"
    }
  },
  "space": {
    "wrap": {
      "$type": "dimension",
      "$value": "1200px"
    },
    "gutter": {
      "$type": "dimension",
      "$value": "max(20px, 4vw)"
    },
    "s-1": {
      "$type": "dimension",
      "$value": "4px"
    },
    "s-2": {
      "$type": "dimension",
      "$value": "8px"
    },
    "s-3": {
      "$type": "dimension",
      "$value": "12px"
    },
    "s-4": {
      "$type": "dimension",
      "$value": "16px"
    },
    "s-5": {
      "$type": "dimension",
      "$value": "24px"
    },
    "s-6": {
      "$type": "dimension",
      "$value": "36px"
    },
    "s-7": {
      "$type": "dimension",
      "$value": "56px"
    },
    "s-8": {
      "$type": "dimension",
      "$value": "96px"
    }
  },
  "radius": {
    "r-xs": {
      "$type": "dimension",
      "$value": "4px",
      "$description": "labels: nearly square, like die-cut stock"
    },
    "r-s": {
      "$type": "dimension",
      "$value": "10px"
    },
    "r-m": {
      "$type": "dimension",
      "$value": "16px"
    },
    "r-l": {
      "$type": "dimension",
      "$value": "26px"
    },
    "r-pill": {
      "$type": "dimension",
      "$value": "999px"
    }
  },
  "motion": {
    "ease": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.2, 0.8, 0.2, 1)"
    },
    "spring": {
      "$type": "cubicBezier",
      "$value": "cubic-bezier(0.34, 1.56, 0.64, 1)"
    },
    "d-fast": {
      "$type": "duration",
      "$value": "160ms"
    },
    "d-slow": {
      "$type": "duration",
      "$value": "720ms"
    }
  }
}