// Theme system — brand palette + alternates, type pairings, and density.

const PALETTES = {
  liquidBrand: {
    name: "Liquid Solutions",
    bg: "#f7f4ee",
    surface: "#edf4f8",
    ink: "#102040",
    inkSoft: "#27476f",
    muted: "#65717e",
    accent: "#f47a1f",
    inverseBg: "#102040",
    inverseInk: "#fff8ee",
    line: "rgba(16, 32, 64, 0.14)",
  },
  navyAmber: {
    name: "Navy & Amber",
    bg: "#f3efe7",
    surface: "#ece6db",
    ink: "#0d2238",
    inkSoft: "#2a3c54",
    muted: "#7c7567",
    accent: "#b8865e",
    inverseBg: "#0d2238",
    inverseInk: "#f3efe7",
    line: "rgba(13, 34, 56, 0.12)",
  },
  charcoalBone: {
    name: "Charcoal & Bone",
    bg: "#f5f1ea",
    surface: "#ebe5da",
    ink: "#171717",
    inkSoft: "#3a3a3a",
    muted: "#7a736a",
    accent: "#c75d3a",
    inverseBg: "#171717",
    inverseInk: "#f5f1ea",
    line: "rgba(23, 23, 23, 0.12)",
  },
  deepBlueGold: {
    name: "Deep Blue & Gold",
    bg: "#faf7f1",
    surface: "#f0ebde",
    ink: "#0a2a5e",
    inkSoft: "#2c4a82",
    muted: "#7c7567",
    accent: "#c79a3a",
    inverseBg: "#0a2a5e",
    inverseInk: "#faf7f1",
    line: "rgba(10, 42, 94, 0.12)",
  },
};

const TYPE_PAIRINGS = {
  editorial: {
    name: "Editorial · Serif + Sans",
    display: '"Fraunces", "Source Serif 4", Georgia, serif',
    body: '"Inter Tight", "Inter", system-ui, sans-serif',
    mono: '"JetBrains Mono", ui-monospace, monospace',
    displayWeight: 400,
    displayTracking: "0",
    italicFor: "accent",
  },
  modernBold: {
    name: "Modern · Bold Sans",
    display: '"Archivo", "Inter Tight", system-ui, sans-serif',
    body: '"Inter", system-ui, sans-serif',
    mono: '"JetBrains Mono", ui-monospace, monospace',
    displayWeight: 800,
    displayTracking: "0",
    italicFor: null,
  },
  cleanPro: {
    name: "Clean · Geometric",
    display: '"Manrope", "Inter Tight", system-ui, sans-serif',
    body: '"Manrope", system-ui, sans-serif',
    mono: '"JetBrains Mono", ui-monospace, monospace',
    displayWeight: 700,
    displayTracking: "0",
    italicFor: null,
  },
};

const DENSITY = {
  compact: { pad: "20px 48px", sectionY: 44, gap: 32, heroPadY: 44 },
  aireado: { pad: "32px 64px", sectionY: 140, gap: 48, heroPadY: 140 },
};

Object.assign(window, { PALETTES, TYPE_PAIRINGS, DENSITY });