// Ported from legacy henza_pwa/themeConfig/themeConfig.ts — styling values only.
// (legacy also defined baseURL/coreURL for its own Laravel API here; those are
// out of scope for a presentation-only port and superseded by this app's own
// src/api/client.ts, which already talks to the new NestJS API.)
import data from './colors.json'

const colors = data
const curve = {
  none: 0,
  xs: 2,
  sm: 4,
  font: 14,
  px: 'px',
}
const vars = {
  prefix: 'montzar',
  // headers
  'font-size': curve.font + curve.px,
  'h1-font-size': curve.font * 2 + curve.px,
  'h2-font-size': curve.font * 1.74 + curve.px,
  'h3-font-size': curve.font * 1.51 + curve.px,
  'h4-font-size': curve.font * 1.32 + curve.px,
  'h5-font-size': curve.font * 1.2 + curve.px,
  'h6-font-size': curve.font * 1.1 + curve.px,
  // headers
  //ant
  'primary-color': colors.secondary,
  'link-color': colors.primary,
  'heading-color': colors.primary,
  'error-color': colors.danger,
  'border-radius-base': 5 + curve.px,
  'input-padding-horizontal-base': 10 + curve.px,
  'input-padding-vertical-base': 10 + curve.px,
  'height-lg': '42px',
  'height-base': '32px',
  'checkbox-size': '20px',
  'checkbox-border-radius': '3px',
  //ant

  'transition-duration': '.5s',
  'transition-delay': '.5s',
}
export const $themeLessVars = Object.assign(vars, colors)