// Palettes, type pairings, hero variants

const PALETTES = {
  "ink-citron": {
    name: "Ink + Citron",
    bg: "#0e0e0c",
    fg: "#f5f3ec",
    fgMute: "#f5f3ec9e",
    rule: "#f5f3ec1f",
    rule2: "#f5f3ec33",
    accent: "#d5fa3c",
    accentInk: "#0e0e0c",
    card: "#17171480",
    swatch: "#d5fa3c",
  },
  "oxblood-cream": {
    name: "Oxblood + Cream",
    bg: "#f5efe6",
    fg: "#180808",
    fgMute: "#1808089c",
    rule: "#18080822",
    rule2: "#18080844",
    accent: "#8a1b1b",
    accentInk: "#f5efe6",
    card: "#18080808",
    swatch: "#8a1b1b",
  },
  "midnight-ice": {
    name: "Midnight + Ice",
    bg: "#0a1626",
    fg: "#e8f1ff",
    fgMute: "#e8f1ff9e",
    rule: "#e8f1ff1f",
    rule2: "#e8f1ff33",
    accent: "#7dd3ff",
    accentInk: "#0a1626",
    card: "#12223a80",
    swatch: "#7dd3ff",
  },
};

const TYPE_PAIRS = {
  "bricolage-grotesk": {
    name: "Bricolage / Space",
    display: '"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif',
    sans: '"Space Grotesk", ui-sans-serif, system-ui, sans-serif',
  },
  "grotesk-only": {
    name: "Space Grotesk",
    display: '"Space Grotesk", ui-sans-serif, system-ui, sans-serif',
    sans: '"Space Grotesk", ui-sans-serif, system-ui, sans-serif',
  },
};

const HERO_VARIANTS = {
  manifesto:  "Manifesto",
  calculator: "Calculator",
  stack:      "Stack",
};

Object.assign(window, { PALETTES, TYPE_PAIRS, HERO_VARIANTS });