{
  "brand": {
    "name": "aconta",
    "voice": "profesional, contable, denso en datos, minimalista en color"
  },
  "color": {
    "primary": "#0E3F72",
    "secondary": "#3A6EA5",
    "accent": "#5A8DCB",
    "background": "#F8F9FA",
    "surface": "#FFFFFF",
    "text": "#2F2F2F",
    "textMuted": "#6b7da0",
    "textOnPrimary": "#FFFFFF",
    "success": "#28A745",
    "danger": "#DC3545",
    "warning": "#FFC107",
    "info": "#0d6efd",
    "chipBg": "#eef5ff",
    "chipText": "#275ca2",
    "border": "rgba(90, 141, 203, 0.48)",
    "borderHover": "#5A8DCB",
    "gradientPrimary": "linear-gradient(87deg, #0E3F72 0%, #5A8DCB 100%)",
    "shadowPrimary": "0 10px 24px rgba(14, 63, 114, 0.22)",
    "shadowPrimaryHover": "0 12px 28px rgba(14, 63, 114, 0.24)"
  },
  "typography": {
    "fontFamily": "'Open Sans', system-ui, sans-serif",
    "weights": {
      "light": 300,
      "regular": 400,
      "semibold": 600,
      "bold": 700,
      "black": 900
    },
    "scale": {
      "xs": "0.75rem",
      "sm": "0.78rem",
      "base": "0.875rem",
      "md": "1rem",
      "lg": "1.25rem",
      "xl": "1.5rem"
    },
    "patterns": {
      "modalTitle": { "color": "#FFFFFF", "weight": 300, "bg": "primary" },
      "modalBody": { "color": "#2F2F2F", "weight": 600, "bg": "background" },
      "tableHeader": { "color": "#FFFFFF", "weight": 600, "bg": "secondary" },
      "chip": { "color": "#275ca2", "weight": 700, "size": "0.78rem", "bg": "#eef5ff" }
    }
  },
  "spacing": {
    "unit": "0.25rem",
    "componentPaddingX": "0.9rem",
    "componentPaddingY": "0.35rem",
    "cardPadding": "1rem",
    "modalPadding": "1.5rem"
  },
  "radius": {
    "none": "0",
    "sm": "0.25rem",
    "md": "0.5rem",
    "lg": "1rem",
    "pill": "999px"
  },
  "components": {
    "button": {
      "primary": {
        "background": "linear-gradient(87deg, #0E3F72 0%, #5A8DCB 100%)",
        "color": "#FFFFFF",
        "border": "transparent",
        "shadow": "0 10px 24px rgba(14, 63, 114, 0.22)",
        "hoverFilter": "brightness(0.98)"
      },
      "outline": {
        "background": "transparent",
        "color": "#6b7da0",
        "border": "rgba(90, 141, 203, 0.48)",
        "hoverBg": "rgba(90, 141, 203, 0.1)",
        "hoverColor": "#0E3F72",
        "hoverBorder": "#5A8DCB"
      },
      "transparentWhite": {
        "background": "transparent",
        "color": "#FFFFFF",
        "border": "1px solid rgba(255, 255, 255, 0.8)",
        "hoverBg": "rgba(255, 255, 255, 0.1)"
      }
    },
    "modal": {
      "header": { "bg": "#0E3F72", "color": "#FFFFFF", "titleWeight": 300, "closeStyle": "btn-close-white" },
      "body": { "bg": "#F8F9FA", "color": "#2F2F2F", "textWeight": 600 }
    },
    "table": {
      "headerBg": "#3A6EA5",
      "headerColor": "#FFFFFF",
      "headerWeight": 600,
      "rowHoverBg": "rgba(90, 141, 203, 0.05)",
      "truncateMaxWidth": "150px"
    },
    "card": {
      "default": { "bg": "#FFFFFF", "radius": "0.5rem", "shadow": "0 4px 6px rgba(0,0,0,0.05)" },
      "gradientDark": { "bg": "linear-gradient(87deg, #0E3F72 0%, #5A8DCB 100%)", "color": "#FFFFFF" }
    },
    "pagination": {
      "activeBg": "#0E3F72",
      "activeColor": "#FFFFFF",
      "linkColor": "#0E3F72",
      "hoverBg": "#0E3F72",
      "hoverColor": "#FFFFFF"
    },
    "chip": {
      "bg": "#eef5ff",
      "color": "#275ca2",
      "radius": "999px",
      "paddingX": "0.9rem",
      "paddingY": "0.35rem",
      "fontSize": "0.78rem",
      "fontWeight": 700,
      "minHeight": "34px"
    },
    "datepicker": {
      "selectedBg": "#0d6efd",
      "selectedColor": "#FFFFFF",
      "focusShadow": "0 0 0 0.2rem rgba(13, 110, 253, 0.2)"
    }
  },
  "icons": {
    "libraries": ["bootstrap-icons 1.10.5", "font-awesome 6.5.0", "nucleo-icons"],
    "preference": "bootstrap-icons primero, font-awesome si no existe"
  },
  "stack": {
    "framework": "Nuxt 3 + Vue 3 + TypeScript",
    "ui": ["Vuetify 3", "PrimeVue 4", "Bootstrap 5.3"],
    "css": ["soft-ui-dashboard.min.css", "propios.css", "utilities.css"],
    "layout": "admin (Aside + Nav + Footer en `layouts/admin.vue`)",
    "reusableComponents": {
      "modal": "components/modales/modal.vue",
      "table": "components/tablas/TablaConPaginador.vue",
      "topbar": "components/BarraMenu.vue",
      "loader": "components/JcLoader.vue"
    }
  },
  "patterns": {
    "modalStructure": "Header con bg primary + título blanco light + btn-close-white; Body con bg gris + texto dark semibold; Footer con btn-outline + btn-primary",
    "tableStructure": "thead con bg secondary blanco; tbody con hover suave; paginación abajo con active primary",
    "formSpacing": "labels en font-semibold sm, inputs con border light, focus con shadow primary",
    "feedback": "SweetAlert2 (Swal.fire) para confirmaciones; bg-success/bg-danger para badges de estado",
    "density": "compacta - aconta favorece tablas densas con mucha info por fila, no cards grandes"
  }
}